CSS max()-Funktion
Beispiel
Verwenden Sie die max()-Funktion, um die Breite von #div1 auf den größten Wert zu setzen, wobei das Maximum aus 50% oder 300px genommen wird:
Selbst ausprobieren »
Definition und Verwendung
Mit der max()-Funktion können Sie den größten Wert aus einer durch Kommas getrennten Liste von Ausdrücken als Wert einer Eigenschaft auswählen.
Die Methode der Funktion max() akzeptiert einen oder mehrere durch Kommas getrennte Ausdrücke als Parameter, und der Wert des Ausdrucks mit dem größten numerischen Wert wird als Wert der angegebenen Eigenschaft verwendet.
/* 属性: max(expression [, expression]) */ width: max(10vw, 4em, 80px);
Im obigen Beispiel beträgt die Breite mindestens 80px, es sei denn, die Viewport-Breite ist größer als 800px oder ein em ist breiter als 20px. Einfach ausgedrückt: Die Mindestbreite beträgt 80px. Sie können den Wert von max() auch so betrachten, dass er einen minimal möglichen Wert für eine Eigenschaft bereitstellt.
Unterstützte Versionen: CSS3
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browser-Versionsnummer an, die diese Funktion unterstützt.
| Funktion | |||||
|---|---|---|---|---|---|
| max() | 79.0 | 79.0 | 75.0 | 11.1 | 66.0 |
CSS-Syntax
max(value1, value2, ...)
| Wert | Beschreibung |
|---|---|
| value1, value2, ... | Erforderlich. Eine durch Kommas getrennte Liste von Werten, aus denen das Maximum ausgewählt wird. |
Weitere Erweiterungen