Direct naar hoofdinhoud
Jasper Bloem

Gratis tool

Vloeiende typografie-calculator

Bereken een CSS clamp()-waarde die lettergrootte soepel laat meeschalen tussen een minimale en maximale viewportbreedte.

px
px
px
px

Voorbeeldtekst op deze schermbreedte

Verklein of vergroot je browservenster om het effect te zien.

Hoe werkt CSS clamp()?

clamp(min, voorkeur, max) laat een waarde soepel schalen tussen een minimum en maximum, gebaseerd op de viewportbreedte. Zo hoef je geen aparte font-size per breakpoint te schrijven — de tekst schaalt lineair mee tussen je opgegeven grenzen, en blijft daarbuiten vastgezet op het minimum of maximum.