Truy vấn container đang thay thế truy vấn media trong CSS

 (tomquinonero.com)
6 điểm bởi xguru 2021-10-01 | 1 bình luận | Chia sẻ qua WhatsApp

  • Khi tạo trang responsive, đây là cách thay đổi theo kích thước của container thay vì kích thước màn hình

  • Vẫn đang ở giai đoạn đầu của đặc tả

  • Trên Chrome chỉ được hỗ trợ khi bật cờ, nhưng có thể áp dụng trước trên mọi trình duyệt bằng polyfill CQFill

@container (min-width: 600px) {

    .card {

      display: flex;

    }

}

Bài viết liên quan

1 bình luận

 
xguru 2021-10-01

Media query trong CSS dần lui bước, container query đang lên ngôi

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