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

16 képpont és 24 képpont közötti folyékony betűméret

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

A betűméret gördülékeny 16 képpontról 24 képpontra skálázása az egyik leggyakoribb kérdés a CSS clamp() kereséseknél, mivel a 16 képpont az univerzális törzsszöveg alapértelmezése, a 24 képpont pedig gyakori lépés egy kicsit nagyobb címsor vagy vezető bekezdés esetén. Ez az oldal megnyitja a számológépet pontosan azzal a párral, amelyet előre kitöltöttek egy 320 képpont és 1280 képpont közötti nézetablakban, így a clamp() sor a betöltés pillanatában készen áll.

Ha csak a 16 képpont vagy 24 képpont statikus rem vagy em megfelelőjére van szüksége – nézetablak alapú méretezés nélkül – a px to rem konverter egy lépésben választ ad erre; ez a számológép arra az esetre való, amikor magának az értéknek simán kell változnia a böngészőablak átméretezése közben, ahelyett, hogy egy rem-értéken maradna.

Az alatta lévő lebontás pontosan megmutatja, hogyan alakul a 16 és 24 képpont lejtővé, vw-együtthatóvá és y-tengely metszésponttá, az élő előnézeti csúszka pedig lehetővé teszi, hogy a 320–1280 képpont közötti tartományon keresztül húzza a szöveget, és nézze meg, hogy a szöveg valós időben növekszik egyik méretről a másikra, mielőtt a CSS-sort a stíluslapba másolná.

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