0

Fluid Font Size Clamp() Generator

Izračunajte resnično tekočo vrednost CSS clamp() iz najmanjše in največje velikosti v dveh širinah vidnega okna, pri čemer sta naklon in presečišče prikazana korak za korakom in predogled spreminjanja velikosti v živo.

Obdelava ... 0%

Rezultat

Ta stran odpre kalkulator z že izpolnjeno splošno nastavljeno tekočo nastavitvijo velikosti pisave: 16 slikovnih pik pri vidnem polju 320 slikovnih pik do 24 slikovnih pik pri vidnem polju 1280 slikovnih pik. To je udoben obseg od telesa do nekoliko večjega, ki se gladko spreminja od tipičnega zaslona telefona do tipičnega okna namizja, in to je nastavitev, na katero misli večina ljudi, ko sploh iščejo spono za tekočo velikost pisave().

Štiri številke se lahko spremenijo: povečajte največjo velikost za naslov namesto telesa besedila ali zožite obseg vidnega polja, če se mora zasnova premikati samo med prelomno točko tablice in namizja. Karkoli že vnesete, sta naklon in presečišče osi y ponovno izračunana na enak način in prikazana kot eksplicitna aritmetika, ki nista skrita znotraj končne črte.

Pod štirimi vhodi drsnik za širino vidnega polja omogoča predogled v živo, tako da je skaliranje vidno takoj, vrstica clamp(), pripravljena za kopiranje, pa je oddaljena en klik. Preklop izhodne enote med rem in px ponovno izračuna vsako število, ne da bi se dotaknili samih vrednosti najmanjše in največje velikosti.