Clamp Viewport-Rechner
Mit diesem Tool kannst du ganz einfach dynamische CSS-Werte per clamp()-Funktion berechnen.
Statt Media Queries definierst du einen min- und max-Wert sowie die zugehörigen Viewportgrößen – der Rechner erstellt dir daraus eine smarte CSS-Zeile, die sich automatisch an die Bildschirmbreite anpasst.
Ideal für:
- Schriftgrößen (in rem)
- Abstände wie Padding, Margin oder Gap (in px)
🔧 Einmal berechnet – überall einsetzbar.
So wird dein CSS cleaner, responsiver und zukunftssicher – ohne Breakpoint-Wildwuchs.
Im Theme wird mit REM statt Pixel gearbeitet. Aus diesem Grund wird die Ausgabe der Font-Size in REM erledigt.
Bei Gap, Padding und Margin wird mit PX gearbeitet um die Min-/Max-Werte pixelgenau darstellen zu können.
Bitte Werte eingeben…