ConverterHub

CSS clamp generátor

Építs folyékony clamp() értéket, amely simán skálázza a betűméretedet két viewport-szélesség között.

Hogyan használja

  1. Adja meg az értékeit a fenti mezőkben.
  2. Nyomja meg a Számítás gombot, hogy azonnal lássa az eredményt.
  3. A Megosztás gombbal másolhatja ki az eredményéhez vezető hivatkozást.

Erről a kalkulátorról

Ez az eszköz egy reszponzív CSS clamp() függvényt generál a folyékony tipográfiához — clamp(min, preferred, max) —, ahol a preferált érték egy kiszámított, vw-alapú kifejezés, amely a betűméretet simán skálázza egy minimális és maximális nézetablak-szélesség között, így az a választott határokon túl nem nő és nem zsugorodik tovább.

Frontend fejlesztők ezzel kerülik el, hogy több media-query töréspontot kelljen írniuk csak a fejlécek és a törzsszöveg átméretezéséhez, és helyette egyetlen, folyékonyan skálázódó CSS-szabályt kapnak. Adja meg a minimális és maximális betűméretet, valamint a nézetablak-tartományt, hogy egy azonnal beilleszthető clamp()-szabályt kapjon.

Was this helpful?

Legfeljebb 3 reakciót választhat.

Comments (0)

  • Be the first to comment.

Népszerű kalkulátorok

Hitelkalkulátor

Havi törlesztőrészlet, teljes kamat és teljes törlesztési ütemterv.

Százalékkalkulátor

Százalékos változás, százalék valamiből és arányszámítások.

Kedvezménykalkulátor

Számítsa ki a végső árat, a megtakarítást és a kedvezmény összegét.

BMI kalkulátor

Testtömegindex magasságból és súlyból (metrikus vagy imperial).

Életkor-kalkulátor

Számítsa ki pontos életkorát években, hónapokban és napokban a születési dátum alapján.

Kamatos kamat kalkulátor

Számítsa ki a végösszeget és a keresett kamatot kamatos kamattal.

Összes kalkulátor