ConverterHub

CSS clamp() generaator

Loo voolav clamp() väärtus, mis skaleerib su fondisuurust sujuvalt kahe vaateakna laiuse vahel.

Kuidas kasutada

  1. Sisestage oma väärtused ülaltoodud väljadele.
  2. Tulemuse nägemiseks klõpsake "Arvuta".
  3. Tulemuse saatmiseks kasutage nuppu "Jaga".

Selle kalkulaatori kohta

See tööriist genereerib responsiivse CSS-i clamp() funktsiooni sujuva tüpograafia jaoks — clamp(min, soovitud, max) — kus soovitud väärtus on arvutatud vw-põhine avaldis, mis skaleerib sinu fondisuurust sujuvalt minimaalse ja maksimaalse vaateakna laiuse vahel, nii et see lõpetab kasvamise või kahanemise sinu valitud piiridest väljaspool.

Esiotsa arendajad kasutavad seda, et vältida mitme meediapäringu katkepunkti kirjutamist pealkirjade ja põhiteksti suuruse muutmiseks, saades selle asemel ühe CSS-reegli, mis skaleerub sujuvalt. Sisesta oma minimaalne ja maksimaalne fondisuurus ning vaateakna vahemik, et saada kasutusvalmis clamp()-reegel.

Was this helpful?

Saate valida kuni 3 reaktsiooni.

Comments (0)

  • Be the first to comment.

Populaarsed kalkulaatorid

Laenukalkulaator

Kuumakse, intress kokku ja täielik maksegraafik.

Protsendi kalkulaator

Protsendi muutus, protsent millestki ja suhtarvutused.

Allahindluse kalkulaator

Arvuta lõpphind, sääst ja allahindluse summa.

KMI kalkulaator

Kehamassiindeks pikkusest ja kaalust (meetriline või imperiaalne).

Vanusekalkulaator

Arvuta täpne vanus aastates, kuudes ja päevades sünnikuupäeva järgi.

Liitintressi kalkulaator

Arvuta lõppsumma ja teenitud intress liitintressiga.

Kõik kalkulaatorid