CSS-clamp-Generator

CSS-clamp-Generator verwenden

CSS-clamp-Generator. Export nutzt rem und vw. Wurzelschriftgröße der Seite einstellen. Die Vorschau simuliert die gewählte Breite.

1. Farben, Text oder Zahlen oben ändern.
2. Vorschau beim Ändern der Einstellungen vergleichen.
3. Ergebnis kopieren oder auf das Gerät herunterladen.

CSS-clamp-Generator · Beispiel

{
  "min": 16,
  "max": 32,
  "start": 320,
  "end": 1280,
  "root": 16,
  "viewport": 800,
  "text": "LocalKit"
}

font-size: clamp(1rem, 0.66667rem + 1.66667vw, 2rem);

Hinweise zur Verwendung

Dateien und Eingaben werden in diesem Browser verarbeitet. Keine Uploads oder Konten.

Export nutzt rem und vw. Wurzelschriftgröße der Seite einstellen. Die Vorschau simuliert die gewählte Breite.