CSS Media Query กำลังไป และ Container Query กำลังมา
(tomquinonero.com)-
วิธีเปลี่ยนเลย์เอาต์ของหน้าตอบสนองตามขนาดของคอนเทนเนอร์ แทนที่จะอิงจากขนาดหน้าจอ
-
สเปกยังอยู่ในระยะเริ่มต้น
-
ใน Chrome ยังรองรับเฉพาะเมื่อเปิดใช้งานแฟลก แต่สามารถนำมาใช้ล่วงหน้าได้ในทุกเบราว์เซอร์ด้วยโพลีฟิล CQFill
@container (min-width: 600px) {
.card {
display: flex;
}
}
1 ความคิดเห็น
CSS media query กำลังจากไป และ container query กำลังเข้ามา
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Container_Queries