Fluid Font Size Clamp() Generator
Beregn en ekte flytende CSS-klemme()-verdi fra min og maks størrelse over to visningsportbredder, med skråningen og skjæringspunktet vist trinn for trinn og en forhåndsvisning av endring av størrelsen.
Resultat
Denne siden åpner kalkulatoren med et generell flytende skriftstørrelsesoppsett som allerede er fylt ut: 16px ved en 320px viewport opp til 24px ved en 1280px viewport. Det er en komfortabel kropp-til-litt større rekkevidde som kan skaleres jevnt fra en typisk telefonskjerm til et typisk skrivebordsvindu, og det er oppsettet de fleste mener når de søker etter en flytende skriftstørrelsesklemme() i utgangspunktet.
De fire tallene er åpne for endring: Øk maksstørrelsen for en overskrift i stedet for brødtekst, eller avgrens visningsområdet hvis designet bare trenger å bøye seg mellom et nettbrett og et skrivebordsbruddpunkt. Uansett hva du skriver inn, blir skjæringspunktet for skråningen og y-aksen beregnet på nytt på samme måte og vist som eksplisitt aritmetikk, ikke skjult på den siste linjen.
Under de fire inngangene driver en skyvelinje for visningsportbredde en live forhåndsvisning slik at skaleringen er synlig umiddelbart, og den kopiklare clamp()-linjen er ett klikk unna. Ved å bytte utgangsenheten mellom rem og px beregnes hvert tall på nytt uten å berøre selve min og maks størrelsesverdiene.