Генератор CSS clamp

Як використовувати Генератор CSS clamp

Генератор CSS clamp. Експорт у rem і vw. Задайте кореневий розмір шрифту. Перегляд імітує обрану ширину.

1. Змініть кольори, текст чи числа вище.
2. Порівнюйте перегляд під час зміни налаштувань.
3. Скопіюйте результат чи завантажте на пристрій.

Генератор CSS clamp · Приклад

{
  "min": 16,
  "max": 32,
  "start": 320,
  "end": 1280,
  "root": 16,
  "viewport": 800,
  "text": "LocalKit"
}

font-size: clamp(1rem, 0.66667rem + 1.66667vw, 2rem);

Примітки щодо використання

Файли й дані обробляються в цьому браузері. Без надсилання на сервер і облікового запису.

Експорт у rem і vw. Задайте кореневий розмір шрифту. Перегляд імітує обрану ширину.