Rozmiar czcionki płynnej od 16 do 24 pikseli
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
Płynne skalowanie rozmiaru czcionki od 16 do 24 pikseli to jedno z najczęstszych pytań podczas wyszukiwań CSSlamp(), ponieważ 16 pikseli to niemal uniwersalna wartość domyślna tekstu podstawowego, a 24 piksele to częsty krok w przypadku nieco większych nagłówków lub akapitów wiodących. Na tej stronie otwiera się kalkulator z dokładnie tą parą, wstępnie wypełnioną w zakresie rzutni od 320 do 1280 pikseli, więc linia zacisk() jest gotowa w momencie załadowania.
Jeśli potrzebujesz tylko statycznego rem lub odpowiednika em 16 lub 24 pikseli — bez skalowania opartego na rzutni — konwerter px na rem odpowiada na to w jednym kroku; ten kalkulator jest przeznaczony do stosowania w przypadku, gdy sama wartość powinna zmieniać się płynnie w miarę zmiany rozmiaru okna przeglądarki, a nie pozostać stała na poziomie jednej wartości rem.
Poniższy podział pokazuje dokładnie, jak 16 i 24 piksele zmieniają się w nachylenie, współczynnik vw i przecięcie osi y, a suwak podglądu na żywo pozwala przeciągać zakres 320–1280 pikseli, aby obserwować, jak tekst rośnie z jednego rozmiaru na drugi w czasie rzeczywistym, zanim skopiujesz linię CSS do arkusza stylów.