⭐ 0
🔍
Besedilo Slika PDF in dokumenti Avdio Glasba elektronika Čas Pripomočki Validatorji Ezoterika igre

Generator vodnega kamna tipa tekočine

Izračunajte resnično tekočo vrednost CSS clamp() iz najmanjše in največje velikosti v dveh širinah vidnega okna, pri čemer sta naklon in presečišče prikazana korak za korakom in predogled spreminjanja velikosti v živo.

Obdelava ... 0%

Rezultat

Ta stran odpre kalkulator neposredno v načinu tipske lestvice z osnovo 16 slikovnih pik in že izbranim razmerjem 1,25 (velika terca) – trdno, pogosto uporabljeno izhodišče za tipografsko lestvico. Samo iz teh dveh številk se ustvari šest velikosti: majhna, osnovna, h4, h3, h2 in h1, pri čemer ima vsaka svojo vrednost fluid clamp() namesto ene same fiksne velikosti.

Vsak korak ohranja osnovno velikost zasidrano na isti vrednosti tako na mobilnem kot na namiznem koncu, medtem ko se naslovi agresivneje povečujejo na širšem vidnem oknu namizja kot na ozkem mobilnem zaslonu – enaka ideja kot pri izbiri manjšega razmerja za majhne zaslone in drznejšega za velike zaslone, samodejno izpeljanega iz posameznega razmerja, ki ga izberete.

Spreminjanje razmerja na 1,125, 1,2, 1,333 ali 1,5 takoj regenerira celotno tabelo, gumb pod njim pa kopira vseh šest vrednosti clamp() kot blok lastnosti CSS po meri, ki je pripravljen za lepljenje, za referenco preostalega lista slogov.

🛡️
Izvedeno v brskalniku

Vaše datoteke in vnosi nikoli ne zapustijo te naprave. Obdelava poteka popolnoma brez povezave. 100 % varno.

Sprejeti formati in pravila

  • Prava tekoča tipografska matematika: naklon, koeficient vw in presečišče osi y so eksplicitno prikazani, ne le končna črta clamp().
  • Predogled v živo: povlecite drsnik za širino vidnega polja, da si ogledate spremembo velikosti vzorčnega besedila natanko tako, kot bi se spremenila velikost pravega okna brskalnika.
  • Način tipske lestvice: osnovna velikost in razmerje od 1,125 do 1,5 ustvarita šest korakov fluid clamp() — majhen, osnovni, h4, h3, h2, h1 — kot CSS, pripravljen za kopiranje.

Ključne prednosti

✓ Črta clamp(), številke naklona in križišča ter predogled v živo se posodabljajo med tipkanjem – ni gumba, ki bi ga morali pritisniti.
✓ Drsnik za širino vidnega polja poganja polje za predogled v živo, tako da vidite natančno tekoče skaliranje med najnižjo in najvišjo mejno točko, ne le formule.
✓ Ločen način tipske lestvice spremeni eno osnovno velikost in razmerje v polno 6-stopenjsko tekočo lestvico naslovov, pripravljeno kot blok lastnosti CSS po meri.

Primeri uporabe

  • • Spremenite najmanjšo/največjo velikost pisave in obseg vidnega polja v pravo črto clamp() – vključno z naklonom, koeficientom vw in presečiščem – namesto da bi si ogledali tisto iz vadnice.
  • • Povlecite drsnik za širino vidnega polja za predogled spreminjanja velikosti tekočega naslova ali telesa natanko tako, kot bi se spremenila velikost pravega okna brskalnika, preden ga vnesete v datoteko slogov.
  • • Ustvarite polno 6-stopenjsko tekočo lestvico (majhno do h1) iz ene osnovne velikosti in razmerja, kopirano kot blok lastnosti CSS po meri, pripravljen za lepljenje.
  • • Zgradite fluid clamp() za razmik (rob, oblazinjenje, vrzel) namesto za velikost pisave – ista formula za naklon/presek se uporablja za katero koli lastnost CSS.