⭐ 0
🔍
Szöveg Kép PDF és Dokumentumok Hang Zene Elektronika Idő Segédprogramok Validátorok Ezotéria Játékok

Folyadék típusú skála generátor

Számítson ki egy valós folyékony CSS clamp() értéket a minimális és maximális méretből két nézetablak szélességében, a lejtőn és a metszésponton lépésről lépésre, valamint élő átméretezési előnézettel.

Feldolgozás... 0%

Eredmény

Ez az oldal közvetlenül nyitja meg a számológépet típusskálás módban, 16 képpontos alappal és 1,25-ös (nagy harmad) arányral – ez szilárd, széles körben használt kiindulópont a tipográfiai léptékhez. Csak ebből a két számból hat méret jön létre: kicsi, alap, h4, h3, h2 és h1, mindegyiknek saját fluid clamp() értéke, nem pedig egyetlen rögzített méret.

Minden lépésnél az alapméret ugyanazon az értéken marad mind a mobil, mind az asztali oldalon, miközben a fejlécek agresszívebben skálázódnak a szélesebb asztali nézetablakon, mint a keskeny mobilokon – ez ugyanaz, mintha egy kíméletesebb arányt választanánk a kis képernyőknél, és egy merészebbet a nagy képernyőknél, ami automatikusan a kiválasztott egyetlen arányból származik.

Ha az arányt 1,125-re, 1,2-re, 1,333-ra vagy 1,5-re változtatja, azonnal újragenerálja a teljes táblázatot, és az alatta lévő gomb mind a hat clamp() értéket átmásolja az egyéni CSS-tulajdonságok beillesztésre kész blokkjaként a stíluslap többi részére hivatkozásként.

🛡️
Böngészőben futtatva

A fájljaid és bemeneteid soha nem hagyják el ezt az eszközt. A feldolgozás teljesen offline módon történik. 100% biztonságos.

Elfogadott formátumok és szabályok

  • Valódi folyadéktipográfiai matematika: a meredekség, a vw együttható és az y-tengely metszéspontja kifejezetten látható, nem csak a végső clamp() vonal.
  • Élő előnézet: húzza el a nézetablak szélessége csúszkát, ha meg szeretné tekinteni, hogy a minta szövege pontosan úgy történik, ahogyan egy valódi böngészőablak átméretezése történik.
  • Típusméretű mód: az alapméret és az 1,125 és 1,5 közötti arány hat fluid clamp() lépést generál – kicsi, alap, h4, h3, h2, h1 – másolásra kész CSS-ként.

Főbb előnyök

✓ A clamp() vonal, a lejtő- és metszéspontszámok, valamint az élő előnézet mind gépelés közben frissül – nincs gombnyomás.
✓ A nézetablak szélességét mutató csúszka egy élő előnézeti mezőt hajt meg, így a minimális és maximális töréspontok közötti pontos áramlási skálázást láthatja, nem csak egy képletet.
✓ Egy külön típusskála mód egy alapméretet és arányt egy teljes, 6 lépcsős folyadékfejléc-skálává alakít, amely készen áll az egyéni CSS-tulajdonságok blokkjára.

Felhasználási területek

  • • Változtassa meg a minimális/maximális betűméretet és a nézetablak-tartományt valódi clamp() vonallá – a lejtőt, a vw-együtthatót és a metszéspontot is beleértve – ahelyett, hogy egy oktatóanyagból szemezgetne.
  • • Húzza el a nézetablak szélességét mutató csúszkát, hogy megtekinthesse a gördülékeny fejléc vagy törzsméret átméretezését, pontosan úgy, ahogyan egy valódi böngészőablak átméretezése közben történik, mielőtt stíluslapon rögzítené.
  • • Hozzon létre egy teljes, hatlépcsős folyadéktípus-skálát (kistől h1-ig) egyetlen alapméretből és arányból, amelyet az egyéni CSS-tulajdonságok beillesztésre kész blokkjaként másol.
  • • Hozzon létre egy fluid clamp()-t a térközhöz (margó, kitöltés, hézag) a betűméret helyett – ugyanaz a lejtő/metszésképlet vonatkozik minden CSS-tulajdonságra.