CSS clamp()-generator

Om denna kalkylator

Det här verktyget genererar en responsiv CSS-funktion clamp() för flytande typografi — clamp(min, föredraget värde, max) — där det föredragna värdet är ett beräknat vw-baserat uttryck som skalar din teckenstorlek smidigt mellan en minsta och en största visningsbredd, så att den slutar växa eller krympa utanför dina valda gränser.

Frontend-utvecklare använder det för att undvika att skriva flera media-query-brytpunkter bara för att ändra storlek på rubriker och brödtext, och får istället en enda CSS-regel som skalar flytande. Ange din minsta och största teckenstorlek samt visningsbreddsintervallet för att få en klistra-in-klar clamp()-regel.