CSS clamp-generator

CSS clamp-generator – Gratis verktyg som körs helt i din webbläsare, utan uppladdning eller registrering.

Lokal bearbetning

Min size (rem)

Max size (rem)

Viewport min (px)

Viewport max (px)

Output CSS

clamp(1rem, calc(1rem + (2 - 1) * ((100vw - 320px) / (1200 - 320))), 2rem)

Hur man använder

Ange din input ovan. Resultatet uppdateras automatiskt. Använd kopieringsknappen för att kopiera resultatet.

All bearbetning sker i din webbläsare. Din data laddas aldrig upp till någon server.

Ja. clamp() stöds av alla aktuella versioner av Chrome, Edge, Firefox och Safari, inklusive mobila webbläsare.

Nej. Allt körs lokalt i din webbläsare. Din inmatning lämnar aldrig din enhet.

Ja. Gränssnittet är responsivt och fungerar i moderna mobila webbläsare utan att behöva installera en app.