Obsługiwane funkcje
- Wejście
- Opcje
- Wyjście
- CSS · Opcje
Jak używać: Generator CSS clamp
Generator CSS clamp. Eksport używa rem i vw. Ustaw czcionkę główną strony. Podgląd symuluje wybraną szerokość.
- Zmień kolory, tekst lub liczby powyżej.
- Porównuj podgląd podczas zmiany ustawień.
- Skopiuj wynik lub pobierz go na urządzenie.
Generator CSS clamp · Przykład
Wejście
{
"min": 16,
"max": 32,
"start": 320,
"end": 1280,
"root": 16,
"viewport": 800,
"text": "LocalKit"
}Wyjście
font-size: clamp(1rem, 0.66667rem + 1.66667vw, 2rem);
Uwagi dotyczące użycia
Pliki i dane są przetwarzane w tej przeglądarce. Bez przesyłania i konta.
Eksport używa rem i vw. Ustaw czcionkę główną strony. Podgląd symuluje wybraną szerokość.