Generator zacisków dystansujących płyn().
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
Funkcja CSS Clamp() działa dokładnie w ten sam sposób w przypadku odstępów, jak w przypadku rozmiaru czcionki — tak się składa, że właściwością jest margines, dopełnienie lub przerwa, a nie rozmiar czcionki. Na tej stronie otwiera się kalkulator z zakresem od 8 do 32 pikseli w rzutni od 320 do 1280 pikseli, co jest częstym krokiem w przypadku dopełniania sekcji lub luk w kartach, które powinny wydawać się ciasne na telefonie i obszerne na komputerze stacjonarnym, bez widocznego zapytania o media.
Podstawowa matematyka nie ma znaczenia, co reprezentują liczby: ten sam wzór na nachylenie i przecięcie osi Y, który tworzy płynny rozmiar nagłówka, daje wartość odstępów płynnych, więc poniższy podział pokazuje dokładnie, jak 8 i 32 piksele zamieniają się w gotową do kopiowania linię zaciskową() do dopełnienia: zacisk (...).
Przeciągnij suwak szerokości rzutni, aby wyświetlić podgląd odstępów przy dowolnej szerokości między dwoma punktami przerwania, dostosuj wartości minimalne i maksymalne, aby uzyskać węższy lub luźniejszy zakres, a następnie skopiuj gotową linię bezpośrednio do dowolnej właściwości odstępów, która tego wymaga.