ConverterHub

Generator CSS clamp

Zbuduj płynną wartość clamp(), która gładko skaluje rozmiar czcionki między dwiema szerokościami widocznego obszaru.

Jak korzystać

  1. Wprowadź potrzebne wartości w polach.
  2. Kliknij „Oblicz”, aby zobaczyć wynik.
  3. Skopiuj lub udostępnij wynik przyciskiem „Udostępnij”.

O tym kalkulatorze

To narzędzie generuje responsywną funkcję CSS clamp() dla płynnej typografii — clamp(min, preferred, max) — gdzie wartość preferowana jest obliczonym wyrażeniem opartym na vw, które skaluje rozmiar czcionki płynnie między minimalną i maksymalną szerokością widoku, więc przestaje rosnąć lub się zmniejszać poza wybranymi granicami.

Programiści front-end używają go, aby uniknąć pisania wielu punktów przełamania media-query tylko w celu zmiany rozmiaru nagłówków i tekstu, otrzymując jedną regułę CSS, która skaluje się płynnie. Wpisz minimalny i maksymalny rozmiar czcionki oraz zakres szerokości widoku, aby uzyskać gotową do wklejenia regułę clamp().

Was this helpful?

Możesz wybrać maksymalnie 3 reakcje.

Comments (0)

  • Be the first to comment.

Popularne kalkulatory

Kalkulator kredytu

Miesięczna rata, całkowite odsetki i pełny harmonogram spłaty.

Kalkulator procentów

Zmiana procentowa, procent z wartości i obliczenia proporcji.

Kalkulator rabatu

Oblicz cenę końcową, oszczędności i kwotę rabatu.

Kalkulator BMI

Wskaźnik masy ciała na podstawie wzrostu i wagi (metryczny lub imperialny).

Kalkulator wieku

Oblicz dokładny wiek w latach, miesiącach i dniach na podstawie daty urodzenia.

Kalkulator procentu składanego

Oblicz kwotę końcową i zarobione odsetki z kapitalizacją.

Wszystkie kalkulatory