CSS clamp()-Generator für fluide Typografie
Generieren Sie einen fluiden CSS clamp()-Wert (responsive Typografie) zwischen zwei Viewport-Größen.
Fluid preview
🔒 100 % clientseitig — keine Daten gesendet
Generieren Sie einen fluiden CSS clamp()-Wert aus einer Mindestgröße, einer Maximalgröße und dem gewünschten Viewport-Bereich. Ideal für responsive Typografie, ohne viele Media Queries anzulegen. Die Berechnung läuft sofort und lokal in Ihrem Browser.
What is it for?
- ▸ Eine fluide Schriftgröße zwischen Mobilgerät und Desktop erstellen
- ▸ Responsive Abstände ohne Media Queries generieren
- ▸ Überschriften skalieren, die sich an die Bildschirmbreite anpassen
- ▸ Einen kopierfertigen clamp()-Wert erhalten
FAQ
Wie funktioniert die clamp()-Funktion?
clamp() übernimmt einen Mindestwert, einen bevorzugten Wert und einen Maximalwert und hält das Ergebnis innerhalb dieses Bereichs.
Welche Einheiten sollte ich verwenden?
px oder rem für die Grenzen; der fluide Teil kombiniert vw und rem.
Wird clamp() überall unterstützt?
Ja, clamp() wird von allen modernen Browsern unterstützt.