Vermeiden Sie sprunghafte Media-Query-Übergänge durch stufenlose Skalierung der Schriftgrößen zwischen mobilen und Desktop-Viewports.
Schriftgrößenbereich festlegen
Minimale Schriftgröße (z. B. 16px) und maximale Schriftgröße (z. B. 32px) eingeben.
Viewport-Grenzen festlegen
Untere Viewport-Grenze (z. B. 375px) und obere Viewport-Grenze (z. B. 1440px) angeben.
clamp()-Code kopieren
Auf die Schaltfläche „Kopieren“ klicken, um das generierte CSS-clamp()-Snippet zu übernehmen.
Berechnet die exakte Steigung und den y-Achsenabschnitt in rem und vw, um die Schriftgröße bei Änderung der Browsergröße linear zu interpolieren.
Gibt sauberen, einzeiligen CSS-Code aus, der direkt in Ihre Tailwind-Konfiguration oder Stylesheets eingefügt werden kann.
Ja, CSS clamp() wird von allen gängigen modernen Webbrowsern uneingeschränkt unterstützt.
Die Kombination von rem mit vw berücksichtigt die Schriftgrößen-Einstellungen der Barrierefreiheit bei gleichzeitiger dynamischer Skalierung.