CSS/Funktionen/max()

Browserunterstützung
caniuse.com

Die CSS-Funktion max() vergleicht zwei (oder mehr) Werte (meist unterschiedlicher Einheiten) und liefert den größten Wert.

anwendbar auf

alle Zahlen, Prozentwerte, Längenangaben, Winkelmaße, Zeitangaben oder Frequenzangaben

Parameter

einen oder mehr kommagetrennte Werte (meist unterschiedlicher Einheiten)

Beispiel

h1 {
 font-size: max(10vh, 2em);
}

Der Wert der Schriftgröße der Überschrift entspricht 10% der Viewporthöhe oder 2em, je nachdem welcher der beiden Werte der größere ist. Da in den meisten Fällen der Viewport höher als 20em sein dürfte, wird durch diese Angabe (verwirrender Weise) eine Mindestschriftgröße festgelegt.

Siehe auch

• Einstieg in CSS
  • Vom Entwurf zum Layout

Weblinks

• W3C: Mathematical Expressions
• MDN: max()
• Browser-Support: caniuse.com