Fluid Font Size Clamp() Generator
Izračunajte stvarnu fluidnu CSS vrijednost clamp() iz minimalne i maksimalne veličine preko dvije širine okvira za prikaz, s nagibom i sjecištem prikazanim korak po korak i pregledom promjene veličine uživo.
Rezultat
Ova stranica otvara kalkulator s već ispunjenim tekućim postavkama veličine fonta opće namjene: 16 px u okviru za prikaz od 320 piksela do 24 piksela u okviru za prikaz od 1280 piksela. To je udoban raspon od tijela do malo većeg koji glatko prelazi od tipičnog zaslona telefona do tipičnog prozora stolnog računala, i to je postavka na koju većina ljudi prije svega misli kada traži fluidnu stezaljku veličine fonta().
Četiri brojke su otvorene za promjenu: povećajte maksimalnu veličinu za naslov umjesto glavnog teksta ili suzite raspon okvira za prikaz ako se dizajn treba samo kretati između prijelomne točke za tablet i stolno računalo. Što god unijeli, nagib i sjecište y-osi ponovno se izračunavaju na isti način i prikazuju kao eksplicitna aritmetika, a ne skriveni unutar završne linije.
Ispod četiri ulaza, klizač širine okvira za prikaz pokreće pretpregled uživo tako da je skaliranje odmah vidljivo, a linija stezaljke() spremna za kopiranje udaljena je jednim klikom. Prebacivanje izlazne jedinice između rem i px ponovno izračunava svaki broj bez diranja samih minimalnih i maksimalnih vrijednosti veličine.