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

Vedelikutüüpi skaala generaator

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

See leht avab kalkulaatori otse tüübiskaala režiimis, 16 piksli põhi ja 1,25 (peamine kolmandik) suhe on juba valitud – kindel, laialdaselt kasutatav tüpograafilise skaala lähtepunkt. Ainuüksi nendest kahest numbrist genereeritakse kuus suurust: väike, alus, h4, h3, h2 ja h1, millest igaühel on oma fluid clamp() väärtus, mitte üks fikseeritud suurus.

Iga samm hoiab baassuuruse ankurdatuna sama väärtusega nii mobiili- kui ka lauaarvuti otsas, samas kui pealkirjad suurenevad laiemas töölaua vaateaknas agressiivsemalt kui kitsas mobiilis – sama mõte kui valida väikeste ekraanide jaoks õrnem ja suurte ekraanide jaoks julgem suhe, mis tuletatakse automaatselt teie valitud ühest suhtarvust.

Suhte muutmine väärtusele 1,125, 1,2, 1,333 või 1,5 taastab koheselt kogu tabeli ja selle all olev nupp kopeerib kõik kuus clamp() väärtust kleepimiseks valmis CSS-i kohandatud atribuutide plokina, et ülejäänud stiilitabel viidata.

🛡️
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.