Vous voulez Minmax (10px, 1fr) pas 1FR

De nombreuses pages Web utilisent des dispositions de grille comme celle-ci:

 .grille {
  Affichage: grille;
  grille-template-colonnes: répéter (3, 1fr);
}

Mais je vous suggère d'utiliser:

 .grille {
  Affichage: grille;
  grille-template-colonnes: répéter (3, Minmax (10px, 1fr));
}

Pourquoi? Dans le premier cas, la largeur minimale de la colonne de la grille est min-content , qui peut être inattendu que vous le souhaitez (voir: débordement de la grille). Dans le deuxième cas, vous limitez la largeur minimale à 10px (plutôt que zéro afin qu'il ne disparaisse pas et ne mène pas à plus de confusion).

Bien que cela soit un peu lourd, cela peut conduire à un comportement plus prévisible et éviter les tracas inutiles.

C'est tout.

(Ce format d'article fait référence à l'article de Kilian "You Need overflow: auto , Not overflow: scroll ce qui est également correct.)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!