CSS clamp()-generator

Om denne beregner

Dette værktøj genererer en responsiv CSS-clamp()-funktion til flydende typografi — clamp(min, preferred, max) — hvor den foretrukne værdi er et beregnet vw-baseret udtryk, der skalerer din skriftstørrelse glidende mellem en minimum- og maksimum-viewportbredde, så den stopper med at vokse eller skrumpe uden for dine valgte grænser.

Frontend-udviklere bruger det til at undgå at skrive flere media-query-breakpoints bare for at ændre størrelsen på overskrifter og brødtekst, og får i stedet én CSS-regel, der skalerer flydende. Indtast din mindste og største skriftstørrelse samt viewportintervallet for at få en klar-til-indsætning clamp()-regel.