نکات DevTools: نحوه بازرسی پرس و جوهای کانتینر CSS
با مجموعه‌ها، منظم بمانید
ذخیره و طبقه‌بندی محتوا براساس اولویت‌های شما.
پرس و جوهای کانتینر CSS ویژگی جدید CSS است که توسعه دهندگان وب از آن هیجان زده هستند. ممکن است انقلابی در طراحی وب ایجاد کند - از طراحی واکنش گرا مبتنی بر صفحه تا طراحی واکنش گرا مبتنی بر کانتینر.
Chrome DevTools اینجاست تا به شما کمک کند الگوهای طراحی چیدمان جدیدی را اتخاذ کنید و از آخرین روندها مطلع شوید. با پشتیبانی از این ویژگی CSS، اکنون می‌توانید درخواست‌های کانتینر خود را در DevTools بررسی و اشکال‌زدایی کنید.
ویدیوی بالا یک نمای کلی از کوئری های کانتینر، نحو آنها و نحوه بازرسی آنها در DevTools را به شما ارائه می دهد.
اکنون می‌توانید عناصر کانتینر و فرزندان آنها را با نشان مربوطه که یک پوشش خط نقطه‌ای را تغییر می‌دهد، کشف کنید.
زمانی که کانتینرها شرایط پرس و جو را برآورده می کنند، قوانین @container اعمال شده برای فرزندان را بررسی کنید.
برای اطلاعات بیشتر در مورد پشتیبانی از پرس و جوهای کانتینر در DevTools، به بررسی و اشکال زدایی پرس و جوهای کانتینر CSS مراجعه کنید.
جز در مواردی که غیر از این ذکر شده باشد،محتوای این صفحه تحت مجوز Creative Commons Attribution 4.0 License است. نمونه کدها نیز دارای مجوز Apache 2.0 License است. برای اطلاع از جزئیات، به خطمشیهای سایت Google Developers مراجعه کنید. جاوا علامت تجاری ثبتشده Oracle و/یا شرکتهای وابسته به آن است.
تاریخ آخرین بهروزرسانی 2022-06-30 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","easyToUnderstand","thumb-up"],["مشکلم را برطرف کرد","solvedMyProblem","thumb-up"],["غیره","otherUp","thumb-up"]],[["اطلاعاتی که نیاز دارم وجود ندارد","missingTheInformationINeed","thumb-down"],["بیشازحد پیچیده/ مراحل بسیار زیاد","tooComplicatedTooManySteps","thumb-down"],["قدیمی","outOfDate","thumb-down"],["مشکل ترجمه","translationIssue","thumb-down"],["مشکل کد / نمونهها","samplesCodeIssue","thumb-down"],["غیره","otherDown","thumb-down"]],["تاریخ آخرین بهروزرسانی 2022-06-30 بهوقت ساعت هماهنگ جهانی."],[],[]]
