Fachinformatiker

für Anwendungsentwicklung

Spezialisiert auf Theme- und Block-Entwicklung für WordPress

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…