Heim > Web-Frontend > CSS-Tutorial > Warum erweitert „minmax()' Rasterzeilen auf die maximale statt auf die minimale Größe?

Warum erweitert „minmax()' Rasterzeilen auf die maximale statt auf die minimale Größe?

Mary-Kate Olsen
Freigeben: 2024-12-05 20:39:12
Original
1018 Leute haben es durchsucht

Why Does `minmax()` Expand Grid Rows to Maximum Instead of Minimum Size?

minmax() passt sich an das Maximum statt an das Minimum an

Beim Versuch, minmax() für Rastervorlagenzeilen festzulegen, wurde es beobachtet dass die Rasterzeilen auf den Maximalwert und nicht auf den Minimalwert erweitert wurden. Dieses Verhalten wirft die Frage auf, wie sichergestellt werden kann, dass die Rasterreihen ihre Mindestgröße beibehalten und nur bei Bedarf erweitert werden.

Lösung

Im Allgemeinen zielen Spuren darauf ab, ihre maximale Größe zu erreichen , den freien Speicherplatz gleichmäßig verteilen. Um das gewünschte Verhalten des engen Umbruchs zu erreichen, ohne einen Grenzwert zu überschreiten, sollten Sie die folgenden Anpassungen in Betracht ziehen:

  • Ändern Sie die Zeilengröße auf „minmax(50px, min-content)“, um Zeilen eng um den Inhalt zu wickeln und so ein Verrutschen zu verhindern schrumpft unter 50 Pixel.
  • Implementieren Sie max-height: 150px für Rasterelemente, um deren maximale Höhe zu begrenzen 150px.

Durch die Kombination dieser Änderungen bleiben die Rasterzeilen auf der angegebenen Mindestgröße und werden bei Bedarf auf die maximale Größe erweitert.

Das obige ist der detaillierte Inhalt vonWarum erweitert „minmax()' Rasterzeilen auf die maximale statt auf die minimale Größe?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage