CSS Media Query กำลังไป และ Container Query กำลังมา

 (tomquinonero.com)
6 คะแนน โดย xguru 2021-10-01 | 1 ความคิดเห็น | แชร์ทาง WhatsApp

  • วิธีเปลี่ยนเลย์เอาต์ของหน้าตอบสนองตามขนาดของคอนเทนเนอร์ แทนที่จะอิงจากขนาดหน้าจอ

  • สเปกยังอยู่ในระยะเริ่มต้น

  • ใน Chrome ยังรองรับเฉพาะเมื่อเปิดใช้งานแฟลก แต่สามารถนำมาใช้ล่วงหน้าได้ในทุกเบราว์เซอร์ด้วยโพลีฟิล CQFill

@container (min-width: 600px) {

  .card {

    display: flex;

  }

}

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
xguru 2021-10-01

CSS media query กำลังจากไป และ container query กำลังเข้ามา

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Container_Queries