Sie möchten Minmax (10px, 1fr) nicht 1fr

Viele Webseiten verwenden solche Rasterlayouts:

 .Netz {
  Anzeige: Grid;
  Grid-Template-Säulen: Wiederholung (3, 1fr);
}

Aber ich schlage vor, Sie verwenden:

 .Netz {
  Anzeige: Grid;
  Grid-Template-Säulen: Wiederholen (3, Minmax (10px, 1fr));
}

Warum? Im ersten Fall ist die minimale Breite der Gittersäule min-content , die unerwartet breiter sein kann als Sie möchten (siehe: Gitterüberlauf). Im zweiten Fall begrenzen Sie die minimale Breite auf 10px (statt Null, damit sie nicht verschwindet und zu mehr Verwirrung führt).

Dies ist ein bisschen umständlich, kann zu vorhersehbarerem Verhalten führen und unnötigen Ärger vermeiden.

Das ist alles.

(Dieses Artikelformat bezieht sich auf Kilians Artikel "Sie brauchen overflow: auto , nicht overflow: scroll was ebenfalls korrekt ist.)

Das obige ist der detaillierte Inhalt vonSie möchten Minmax (10px, 1fr) nicht 1fr. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!