Container Queries انقلاب بعدی CSS هستند. کامپوننتها بر اساس اندازه والد واکنش نشان میدهند.
نحوه استفاده
container-type روی والد و @container query روی فرزند.
- container-type: inline-size
- @container (min-width: 400px)
- container-name برای نامگذاری
تفاوت با Media Queries
Media Queries: viewport-based. Container Queries: container-based. کامپوننت واقعاً مستقل میشود.
جمعبندی
Container Queries آینده واکنشگرایی CSS هستند.
هنوز دیدگاهی ثبت نشده
اولین نفری باشید که نظر میدهد!