Fluidní velikost písma 16 až 24 pixelů
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.
Výsledek
Plynulé škálování velikosti písma od 16 do 24 pixelů je jednou z nejčastějších otázek při vyhledávání CSS clamp(), protože 16 pixelů je téměř univerzální výchozí text pro hlavní text a 24 pixelů je častým krokem nahoru pro mírně větší nadpis nebo úvodní odstavec. Tato stránka otevře kalkulačku s přesně tímto párem předem vyplněným proti rozsahu výřezu 320 až 1280 pixelů, takže řádek clamp() je připraven v okamžiku, kdy se načte.
Pokud potřebujete pouze statický rem nebo ekvivalent em 16 nebo 24 pixelů – bez jakéhokoli škálování založeného na výřezu – převodník px na rem na to odpoví v jednom kroku; tato kalkulačka je pro případ, kdy by se samotná hodnota měla plynule měnit při změně velikosti okna prohlížeče, než aby zůstala pevná na jedné hodnotě rem.
Rozdělení pod ní přesně ukazuje, jak se 16px a 24px změní ve sklon, vw koeficient a průsečík osy y, a posuvník živého náhledu vám umožní přetáhnout rozsah 320–1280px a sledovat, jak text roste z jedné velikosti do druhé v reálném čase, než zkopírujete čáru CSS do šablony stylů.