CSS clamp()-generator

Over deze rekenmachine

Deze tool genereert een responsieve CSS-clamp()-functie voor vloeiende typografie — clamp(min, preferred, max) — waarbij de voorkeurswaarde een berekende, op vw gebaseerde expressie is die je lettergrootte vloeiend laat schalen tussen een minimale en maximale viewportbreedte, zodat deze niet verder groeit of krimpt dan de door jou gekozen grenzen.

Front-end-ontwikkelaars gebruiken het om te voorkomen dat ze meerdere media-query-breakpoints moeten schrijven alleen om koppen en lopende tekst van grootte te laten veranderen, en krijgen in plaats daarvan één CSS-regel die vloeiend schaalt. Voer je minimale en maximale lettergrootte en het viewportbereik in om een direct te plakken clamp()-regel te krijgen.