⭐ 0
🔍
Text Obrázek PDF a Dokumenty Audio Hudba Elektronika Čas Užitečné programy Validátory Ezoterika Hry

Generátor stupnice kapalinového typu

Vypočítejte skutečnou fluidní hodnotu CSS clamp() z minimální a maximální velikosti přes dvě šířky výřezu, se sklonem a průsečíkem zobrazeným krok za krokem a živým náhledem změny velikosti.

Zpracování... 0%

Výsledek

Tato stránka otevře kalkulačku přímo v režimu typového měřítka se základnou 16 pixelů a již vybraným poměrem 1,25 (hlavní třetina) — solidní, široce používaný výchozí bod pro typografické měřítko. Z těchto dvou čísel samotných se vygeneruje šest velikostí: malá, základní, h4, h3, h2 a h1, každá má svou vlastní hodnotu fluidní svorky () spíše než jednu pevnou velikost.

Každý krok udržuje základní velikost ukotvenou na stejné hodnotě na mobilním i stolním počítači, zatímco nadpisy se agresivněji zvětšují v širším zobrazovacím poli pro stolní počítače než v úzkém mobilním zobrazení – stejný nápad jako zvolit jemnější poměr pro malé obrazovky a výraznější poměr pro velké obrazovky, který se automaticky odvodí z jednoho vybraného poměru.

Změna poměru na 1,125, 1,2, 1,333 nebo 1,5 okamžitě vygeneruje celou tabulku a tlačítko pod ním zkopíruje všech šest hodnot clamp() jako připravený blok uživatelských vlastností CSS pro zbytek šablony stylů, na které se bude odkazovat.

🛡️
Spuštěno v prohlížeči

Vaše soubory a vstupy nikdy neopustí toto zařízení. Zpracování probíhá zcela offline. 100% bezpečné.

Přijaté formáty a pravidla

  • Matematika skutečné fluidní typografie: explicitně zobrazený sklon, koeficient vw a průsečík osy y, nikoli pouze čára poslední svorky().
  • Živý náhled: přetáhněte posuvník šířky výřezu a sledujte, jak se vzorový text mění přesně tak, jako by se změnila velikost skutečného okna prohlížeče.
  • Režim typového měřítka: základní velikost a poměr od 1,125 do 1,5 generuje šest kroků fluid clamp() – malý, základní, h4, h3, h2, h1 – jako CSS připravené ke kopírování.

Hlavní výhody

✓ Čára clamp(), čísla sklonu a průsečíku a živý náhled se aktualizují během psaní – není třeba stisknout žádné tlačítko.
✓ Posuvník šířky výřezu ovládá pole živého náhledu, takže vidíte přesné škálování tekutiny v akci mezi minimálními a maximálními body přerušení, nikoli pouze vzorec.
✓ Samostatný režim typového měřítka promění jednu základní velikost a poměr na plnou 6krokovou stupnici pro plynulé záhlaví, připravenou jako blok vlastních vlastností CSS.

Případy použití

  • • Proměňte minimální/maximální velikost písma a rozsah výřezu na skutečnou čáru clamp() – včetně sklonu, koeficientu vw a průsečíku – místo toho, abyste se dívali na jednu z výukového programu.
  • • Přetažením posuvníku šířky výřezu zobrazíte náhled změny velikosti proměnlivého nadpisu nebo velikosti těla přesně tak, jak by se změnilo při změně velikosti skutečného okna prohlížeče, než je uložíte do šablony stylů.
  • • Z jedné základní velikosti a poměru vygenerujte celou 6-krokovou škálu tekutého typu (small až h1), zkopírujte ji jako blok vlastních vlastností CSS připravený k vložení.
  • • Vytvořte fluid clamp() pro mezery (okraj, vycpávka, mezera) místo velikosti písma – stejný vzorec sklonu/průniku platí pro jakoukoli vlastnost CSS.