Pourquoi `minmax()` étend-il les lignes de la grille au maximum au lieu de la taille minimale ?

minmax() s'ajuste au maximum au lieu du minimum

Lors de la tentative de définition de minmax() pour les lignes de modèle de grille, il a été observé que les lignes de la grille s'étendent jusqu'à la valeur maximale plutôt que la valeur minimale. Ce comportement soulève la question de savoir comment garantir que les lignes de la grille restent à leur taille minimale, en s'étendant uniquement lorsque cela est nécessaire.

Solution

Généralement, les pistes visent à atteindre leur taille maximale. , distribuant l'espace libre de manière égale. Pour obtenir le comportement souhaité d'emballage serré sans dépasser une limite, envisagez les ajustements suivants :

• Modifiez la taille des lignes en minmax(50px, min-content) pour envelopper étroitement les lignes autour du contenu, les empêchant ainsi de rétrécissant en dessous de 50 px.
• Implémentez la hauteur maximale : 150 px pour les éléments de la grille afin de limiter leur hauteur maximale à 150px.

En combinant ces modifications, les lignes de la grille resteront à la taille minimale spécifiée tout en s'agrandissant jusqu'à la taille maximale si nécessaire.

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!