Fluid Font Size Clamp() -generaattori
Laske todellinen nestemäinen CSS-clamp()-arvo minimi- ja enimmäiskoosta kahdella näkymän leveydellä, jolloin kaltevuus ja leikkauspisteet näytetään vaiheittain ja koon muutoksen esikatselu.
Tulos
Tämä sivu avaa laskimen, jossa on jo täytetty yleiskäyttöinen nestemäisen fonttikoon asetus: 16 kuvapistettä 320 kuvapisteen näkymässä ja jopa 24 kuvapistettä 1 280 kuvapisteen kuvaportissa. Tämä on mukava rungosta hieman suurempaan valikoima, joka skaalautuu sujuvasti tyypillisestä puhelimen näytöstä tyypilliseen työpöytäikkunaan, ja useimmat ihmiset tarkoittavat sitä, kun he etsivät alun perin nestemäistä fonttikokoista kiinnikettä().
Neljä numeroa voidaan muuttaa: korota otsikon enimmäiskokoa leipätekstin sijaan tai kavenna näkymän aluetta, jos suunnittelun tarvitsee vain taipua tabletin ja työpöydän keskeytyskohdan välillä. Mitä tahansa syötätkin, kaltevuus ja y-akselin leikkauspiste lasketaan uudelleen samalla tavalla ja näytetään eksplisiittisenä aritmeettisena, ei piilotettuna viimeisen rivin sisään.
Neljän tulon alla oleva näkymän leveyden liukusäädin ohjaa live-esikatselun, joten skaalaus näkyy välittömästi ja kopiointivalmis clamp() -viiva on yhden napsautuksen päässä. Tulosyksikön vaihtaminen rem:n ja px:n välillä laskee jokaisen luvun uudelleen koskematta itse min- ja maksimikoon arvoihin.