CSS/Funktionen/max()

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

Parameter	einen oder mehr kommagetrennte Werte (meist unterschiedlicher Einheiten)
anwendbar auf	alle Zahlen, Prozentwerte, Längenangaben, Winkelmaße, Zeitangaben oder Frequenzangaben
Browsersupport	caniuse: css-math-functions

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.

Weblinks

• W3C: Mathematical Expressions
• MDN: max()

Siehe auch

• CSS/Tutorials/Einstieg
  • Vom Entwurf zum Layout