CSS clamp() -generaattori

Tietoa tästä laskurista

Tämä työkalu luo reagoivan CSS-clamp()-funktion joustavaa typografiaa varten — clamp(min, preferred, max) — jossa preferred-arvo on laskettu vw-pohjainen lauseke, joka skaalaa fonttikokosi tasaisesti minimi- ja maksimi-näkymäleveyden välillä, niin että se lakkaa kasvamasta tai pienenemästä valitsemiesi rajojen ulkopuolella.

Front-end-kehittäjät käyttävät sitä välttääkseen useiden media query -katkopisteiden kirjoittamisen vain otsikoiden ja leipätekstin koon muuttamiseksi, saadessaan sen sijaan yhden CSS-säännön, joka skaalautuu joustavasti. Syötä minimi- ja maksimifonttikokosi sekä näkymäleveyden vaihteluväli, jotta saat valmiin liitettävän clamp()-säännön.