Generator skali cieczy
Oblicz rzeczywistą płynną wartość Clamp() CSS na podstawie minimalnego i maksymalnego rozmiaru w dwóch szerokościach rzutni, z nachyleniem i przecięciem pokazanymi krok po kroku oraz podglądem zmiany rozmiaru na żywo.
Wynik
Ta strona otwiera kalkulator bezpośrednio w trybie skali pisma z wybraną już podstawą 16 pikseli i współczynnikiem 1,25 (tercja wielka) — solidny, powszechnie używany punkt wyjścia dla skali typograficznej. Tylko na podstawie tych dwóch liczb generowanych jest sześć rozmiarów: small, base, h4, h3, h2 i h1, każdy z własną wartością płynnego zacisku() zamiast jednego stałego rozmiaru.
Każdy krok powoduje, że rozmiar podstawowy jest zakotwiczony na tej samej wartości zarówno na urządzeniach mobilnych, jak i na komputerach stacjonarnych, podczas gdy nagłówki skalują się bardziej agresywnie w szerszym obszarze roboczym niż na wąskim ekranie mobilnym — ten sam pomysł, jak wybranie łagodniejszego współczynnika dla małych ekranów i odważniejszego dla dużych ekranów, ustalanego automatycznie na podstawie wybranego pojedynczego współczynnika.
Zmiana współczynnika na 1,125, 1,2, 1,333 lub 1,5 natychmiastowo regeneruje całą tabelę, a przycisk pod spodem kopiuje wszystkie sześć wartości zacisku() jako gotowy do wklejenia blok niestandardowych właściwości CSS, do którego będzie można się odwołać w pozostałej części arkusza stylów.