Container Queries بزرگترین تحول CSS بعد از Media Queries است. طراحی واکنشگرا حالا واقعاً component-based شده.
تفاوت با Media Queries
Media Queries بر اساس viewport عمل میکنند. Container Queries بر اساس اندازه والد کامپوننت. یعنی کامپوننتها خودشان تصمیم میگیرند.
- واکنش بر اساس والد نه viewport
- کامپوننتهای واقعاً مستقل
- بدون نیاز به prop سایز
پشتیبانی مرورگرها
تمام مرورگرهای مدرن Container Queries را پشتیبانی میکنند. پوشش جهانی بالای ۹۲ درصد.
جمعبندی
Container Queries آینده طراحی واکنشگرا هستند. از همین الان استفاده کنید.
هنوز دیدگاهی ثبت نشده
اولین نفری باشید که نظر میدهد!