Les media queries CSS s’en vont, les container queries arrivent

 (tomquinonero.com)
6 points par xguru 2021-10-01 | 1 commentaires | Partager sur WhatsApp

  • Pour créer des pages responsives, l’approche consiste à adapter non pas selon la taille de l’écran, mais selon celle du conteneur

  • Le standard n’en est encore qu’à ses débuts

  • Dans Chrome, c’est pris en charge uniquement avec un flag activé, mais le polyfill CQFill permet déjà de l’appliquer sur tous les navigateurs

@container (min-width: 600px) {

 .card {

  display: flex;

 }

}

À lire aussi