Recommandation de cours :

Fonction min() CSS

Définition et utilisation de CSS min() La fonction choisit la plus petite valeur de la liste de valeurs séparées par des virgules comme valeur de l'attribut.

Astuce :Vous pouvez utiliser min() La fonction est considérée comme utilisée pour définir la valeur maximale de l'élément.

Exemple

Utiliser min() Définir la largeur de #div1 à 300px maximum, mais si la largeur de la fenêtre de visualisation est inférieure à 600px, la largeur sera plus petite (50%):

#div1 {
  background-color: yellow;
  height: 80px;
  width: min(50%, 300px);
}

Essayez-le vous-même

Grammaire CSS

min(value1, value2, ...)

Détails techniques

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge cette fonction pour la première fois.

Pages associées

Référence :Fonction max() CSS

Tutoriel :Fonctions mathématiques CSS