CSS Clamp Code Generator (mit Browserschriftgröße)
Der Clou von clamp() sind dynamische Schriftgrößen, die sich zwischen der Schriftgröße für kleine Monitore bis zur Schriftgröße für einen großen Viewport dynamisch und ohne Breakpoints anpassen.
| Minimale Schriftgröße | Maximale Schriftgröße | Kleinster Viewport (px) | Größter Viewport (px) | Browserschriftgröße (px) |
|---|---|---|---|---|
Generierter CSS Code:
clamp(16px, 4vw + 1rem, 24px)
CSS Code in em (umgerechnet):
clamp(1em, 4vw + 1rem, 1.5em)
CSS Code in rem (umgerechnet):
clamp(1rem, 4vw + 1rem, 1.5rem)
