CSS/Funktionen/max()

Aus SELFHTML-Wiki
< CSS‎ | Funktionen(Weitergeleitet von Max())
Wechseln zu: Navigation, Suche

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, jenachdem 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

Siehe auch