⭐ 0
🔍
Tekst Pilt PDF ja dokumendid Heli Muusika Elektroonika Aeg Kommunaalteenused Validaatorid Esoteeriline Mängud

16 kuni 24 pikslit vedela fondi suurus

Arvutage tegelik voolav CSS clamp() väärtus minimaalse ja maksimaalse suuruse põhjal kahe vaateava laiuse lõikes, kus kallet ja ristmikku näidatakse samm-sammult ning reaalajas suuruse muutmise eelvaade.

Töötlemine... 0%

Tulemus

Kirjasuuruse sujuv skaleerimine 16-lt 24-le on CSS-i clamp()-otsingutes üks levinumaid küsimusi, kuna 16px on peaaegu universaalne põhiteksti vaikeseade ja 24px on sagedane samm veidi suurema pealkirja või juhtlõigu jaoks. See leht avab kalkulaatori täpselt selle paariga, mis on eeltäidetud vaateava vahemikus 320-1280 pikslit, nii et clamp()-rida on laadimise hetkel valmis.

Kui vajate ainult staatilist rem- või em-ekvivalenti 16px või 24px (ilma vaateavapõhise skaleerimiseta), vastab px-rem-muundur sellele ühe sammuga; see kalkulaator on mõeldud juhuks, kui väärtus ise peaks brauseriakna suuruse muutmisel sujuvalt muutuma, mitte jääma ühe rem-väärtuse juurde.

Allpool olev jaotus näitab täpselt, kuidas 16 pikslit ja 24 pikslit muutuvad kaldeks, vw koefitsiendiks ja y-telje ristumiskohaks ning reaalajas eelvaate liugur võimaldab teil lohistada läbi vahemiku 320–1280 pikslit, et vaadata teksti kasvamist reaalajas ühest suurusest teise, enne kui kopeerite CSS-i rea oma stiililehele.

🛡️
Teostatud brauseris

Teie failid ja sisendid ei lahku sellest seadmest kunagi. Töötlemine toimub täiesti võrguühenduseta. 100% turvaline.

Aktsepteeritud vormingud ja reeglid

  • Tõeline vedeliku tüpograafia matemaatika: kalle, vw koefitsient ja y-telje lõikepunkt on selgelt näidatud, mitte ainult viimane clamp() joon.
  • Reaalajas eelvaade: lohistage vaateava laiuse liugurit, et vaadata näidisteksti suurust täpselt nii, nagu see muutuks tegeliku brauseriakna suuruse muutmisel.
  • Tüübimõõtkava režiim: baassuurus ja suhe 1,125–1,5 genereerivad kuus vedelikuklambri() sammu – väike, alus, h4, h3, h2, h1 – koopiavalmis CSS-ina.

Peamised eelised

✓ Clamp() joon, kalde ja ristmike numbrid ning reaalajas eelvaade värskendatakse sisestamise ajal – nuppu pole vaja vajutada.
✓ Vaateava laiuse liugur käivitab reaalajas eelvaatekasti, nii et näete täpset vedeliku skaleerimist minimaalse ja maksimaalse murdepunkti vahel, mitte ainult valemit.
✓ Eraldi tüübiskaala režiim muudab ühe baassuuruse ja suhte täielikuks 6-astmeliseks vedeliku pealkirja skaalaks, mis on valmis CSS-i kohandatud atribuutide plokina.

Kasutusjuhtumid

  • • Muutke minimaalne/maksimaalne fondisuurus ja vaateava vahemik tõeliseks clamp()-jooneks – kaasa arvatud kalle, vw koefitsient ja ristmik – selle asemel, et õpetusest ühele silma heita.
  • • Lohistage vaateava laiuse liugurit, et vaadata sujuva pealkirja või keha suuruse muutmise eelvaadet täpselt nii, nagu see toimuks tegeliku brauseriakna suuruse muutmisel, enne kui lisate selle stiilitabelile.
  • • Looge ühest baassuurusest ja suhtarvust täielik 6-astmeline vedelikutüübi skaala (väike kuni h1), mis on kopeeritud CSS-i kohandatud atribuutide kleepimisvalmis plokina.
  • • Ehitage fondi suuruse asemel vahede (veeris, polster, vahe) jaoks vedel clamp() – sama kalde/ristmiku valem kehtib iga CSS-i atribuudi kohta.