CSS Media Query Pergi, Container Query Datang

 (tomquinonero.com)
6 poin oleh xguru 2021-10-01 | 1 komentar | Bagikan ke WhatsApp

  • Saat membuat halaman responsif, pendekatannya berubah berdasarkan ukuran kontainer, bukan ukuran layar

  • Masih berada pada tahap awal spesifikasi

  • Di Chrome, saat ini hanya didukung jika flag diaktifkan, tetapi bisa diterapkan lebih dulu di semua browser dengan polyfill CQFill

@container (min-width: 600px) {

  .card {

    display: flex;

  }

}

Bacaan terkait

1 komentar

 
xguru 2021-10-01

Media query CSS pergi, container query datang

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