CSS-Media-Queries gehen, Container-Queries kommen

 (tomquinonero.com)
6 Punkte von xguru 2021-10-01 | 1 Kommentare | Auf WhatsApp teilen

  • Beim Erstellen responsiver Seiten werden Änderungen nicht anhand der Bildschirmgröße, sondern anhand der Größe des Containers vorgenommen

  • Die Spezifikation befindet sich noch in einem frühen Stadium

  • In Chrome wird es nur mit aktiviertem Flag unterstützt, kann aber mit dem CQFill-Polyfill vorab in allen Browsern eingesetzt werden

@container (min-width: 600px) {

 .card {

  display: flex;

 }

}

Verwandte Beiträge

1 Kommentare

 
xguru 2021-10-01

CSS-Media-Queries gehen, Container Queries kommen

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