Fluid Spacing 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
CSS clamp() radi na potpuno isti način za razmake kao i za veličinu fonta — svojstvo je jednostavno margina, padding ili gap umjesto veličine fonta. Ova stranica otvara kalkulator s rasponom od 8 px do 32 px preko okvira za prikaz od 320 px do 1280 px, što je uobičajeni korak za popunjavanje odjeljaka ili praznine na kartici koji bi se trebali činiti tijesnim na telefonu i prostranim na radnoj površini bez medijskog upita na vidiku.
Temeljnu matematiku nije briga što brojevi predstavljaju: ista formula nagiba i sjecišta osi y koja daje veličinu fluidnog naslova proizvodi fluidnu vrijednost razmaka, tako da raščlamba u nastavku pokazuje točno kako se 8px i 32px pretvaraju u liniju clamp() spremnu za kopiranje za ispunu: clamp(...).
Povucite klizač širine okvira za pregled kako biste pregledali kako bi se razmak osjećao na bilo kojoj širini između dviju prijelomnih točaka, prilagodite minimalne i maksimalne vrijednosti za uži ili labaviji raspon i kopirajte gotovu liniju ravno u bilo koje svojstvo razmaka koje je potrebno.