CSS-Trick: Schriftgröße berücksichtigt Browsergröße

Mit diesem einfachen „CSS-Trick“ berücksichtigt die Schriftgröße die Breite des Browserfensters:
font-size:calc(12px + 1.5vw);

Toll, oder?

Dazu passend: vertical width und vertical height, hier Beispiele:

h1 {font-size: 5.9vw;}
h2 {font-size: 3.0vh;}
p {font-size: 2vmin;}

Erklärung:

1vw = 1% of viewport width
1vh = 1% of viewport height
1vmin = 1vw or 1vh, whichever is smaller
1vmax = 1vw or 1vh, whichever is larger

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *