CSS min()-Funktion
Beispiel
Verwenden Sie die min()-Funktion, um die Breite von #div1 auf den kleinsten Wert zu setzen, wobei der kleinere Wert von 50% oder 300px verwendet wird:
Selbst ausprobieren »
Definition und Verwendung
Die min()-Funktion ermöglicht es Ihnen, den kleinsten Wert aus einer kommagetrennten Liste von Ausdrücken als Wert einer Eigenschaft auszuwählen.
Die min()-Funktion akzeptiert einen oder mehrere durch Kommas getrennte Ausdrücke als Argumente, und der Wert des Ausdrucks mit dem kleinsten Wert wird als Wert der angegebenen Eigenschaft verwendet.
/* 属性: min(expression [, expression]) */ width: min(1vw, 4em, 80px);
Im obigen Beispiel beträgt die Breite höchstens 80px. Wenn die Breite des Viewports kleiner als 800px ist oder die Breite eines em kleiner als 20px ist, wird sie schmaler. Mit anderen Worten, die maximale Breite beträgt 80px,
Unterstützte Versionen: CSS3
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversionsnummer an, die die Funktion unterstützt.
| Funktion | |||||
|---|---|---|---|---|---|
| min() | 79.0 | 79.0 | 75.0 | 11.1 | 66.0 |
CSS-Syntax
min(value1, value2, ...)
| Wert | Beschreibung |
|---|---|
| value1, value2, ... | Erforderlich. Eine durch Kommas getrennte Liste von Werten, aus der der kleinste Wert ausgewählt wird. |
Weitere Erweiterungen