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.
Related tools
Seitenverhältnis · Rechner Ein Seitenverhältnis (16:9…) berechnen und eine fehlende proportionale Abmessung ableiten. Barcode-Generator Einen Barcode (EAN-13, Code128, UPC) aus einem Wert generieren, herunterladbar, direkt im Browser. Base64 → Bild Eine data URI oder Base64 in ein anzeigbares, herunterladbares Bild dekodieren, direkt im Browser. CSS border-radius · Generator Erstellen Sie abgerundete CSS Ecken (border-radius) mit Live-Vorschau und kopierfertigem Code. CSS box-shadow · Generator Generieren Sie einen CSS box-shadow mit Live-Vorschau und kopierfertigem Code. Green-Screen-Entferner Machen Sie eine Hintergrundfarbe (Green-/Blue-Screen) transparent und exportieren Sie ein PNG in Ihrem Browser.