Generátor Clamp() veľkosti tekutého písma
Vypočítajte skutočnú fluidnú hodnotu CSS clamp() z minimálnej a maximálnej veľkosti cez dve šírky výrezu, pričom krok za krokom sa zobrazí sklon a priesečník a ukážka zmeny veľkosti v reálnom čase.
Výsledok
Na tejto stránke sa otvorí kalkulačka s už vyplneným všeobecným nastavením veľkosti písma: 16 pixelov pri zobrazovanej oblasti 320 pixlov až 24 pixlov pri zobrazovanej oblasti 1 280 pixlov. Ide o pohodlný rozsah od tela až po mierne väčší rozsah, ktorý sa plynule mení od bežnej obrazovky telefónu po typické okno pracovnej plochy, a práve toto nastavenie má väčšina ľudí na mysli, keď v prvom rade hľadá svorku s premenlivou veľkosťou písma.
Tieto štyri čísla je možné zmeniť: zvýšiť maximálnu veľkosť nadpisu namiesto hlavného textu alebo zúžiť rozsah zobrazovanej oblasti, ak sa dizajn potrebuje premeniť iba medzi tabletom a bodom prerušenia pracovnej plochy. Čokoľvek zadáte, sklon a priesečník osi y sa prepočítajú rovnakým spôsobom a zobrazia sa ako explicitná aritmetika, ktorá nie je skrytá v záverečnej čiare.
Pod štyrmi vstupmi posúvač šírky výrezu zobrazuje živý náhľad, takže mierka je viditeľná okamžite a čiara svorky () pripravená na kopírovanie je vzdialená jedným kliknutím. Prepnutím výstupnej jednotky medzi rem a px sa prepočíta každé číslo bez toho, aby ste sa dotkli samotných hodnôt minimálnej a maximálnej veľkosti.