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

Vedeliku fondi suuruse klamber() 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, mille üldotstarbeline vedela fondi suuruse seadistus on juba täidetud: 16 pikslit 320 piksli vaateaknas kuni 24 pikslit 1280 piksli vaateaknas. See on mugav korpusest veidi suuremaks ulatuv vahemik, mis ulatub sujuvalt tavalisest telefoniekraanist tavalise töölauaaknani, ja see on seadistus, mida enamik inimesi mõtleb, kui nad otsivad esmalt vedela fondisuurusega klambrit().

Neli arvu on võimalik muuta: suurendage põhiteksti asemel pealkirja maksimaalset suurust või vähendage vaateava vahemikku, kui kujundus vajab ainult tahvelarvuti ja töölaua katkestuspunkti vahelist paindlikkust. Ükskõik, mida sisestate, arvutatakse kalle ja y-telje lõikepunkt uuesti samal viisil ja kuvatakse selgesõnalise aritmeetikana, mitte peidetakse lõpprea sisse.

Nelja sisendi all käivitab vaateava laiuse liugur reaalajas eelvaate, nii et skaleerimine on kohe nähtav ja kopeerimisvalmis clamp() rida on ühe klõpsu kaugusel. Kui lülitate väljundühiku rem ja px vahel, siis arvutatakse iga arv uuesti, ilma et see puudutaks minimaalse ja maksimaalse suuruse väärtusi.

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