Welchen Wert ergibt font-size: clamp(1rem, 2.5vw, 2rem) auf einem 1000px breiten Bildschirm (1rem = 16px)?

Erklärung

clamp(MIN, VAL, MAX) liefert VAL, nach unten durch MIN und nach oben durch MAX begrenzt. 2.5vw bei 1000px = 25px, das liegt zwischen 16px und 32px, also ist das Ergebnis 25px. Bei 400px wären es 10px → auf 16px begrenzt; bei 2000px → 50px → auf 32px begrenzt. So entsteht fließende Typografie ohne Media Queries.

Zum Weiterlesen

• MDN: clamp() ↗