Генератор CSS clamp
Создайте плавное значение clamp(), которое масштабирует размер шрифта между двумя значениями ширины окна.
Результат
Как пользоваться
- Введите нужные значения в поля.
- Нажмите «Рассчитать», чтобы увидеть результат.
- Скопируйте или поделитесь результатом с помощью кнопки «Поделиться».
Об этом калькуляторе
Этот инструмент генерирует адаптивную CSS-функцию clamp() для гибкой типографики — clamp(min, preferred, max), — где значение preferred представляет собой вычисляемое выражение на основе vw, плавно масштабирующее размер шрифта между минимальной и максимальной шириной вьюпорта, так что за выбранными пределами он перестаёт увеличиваться или уменьшаться.
Фронтенд-разработчики используют его, чтобы не писать множество медиазапросов-брейкпоинтов только для изменения размера заголовков и основного текста, получая вместо этого одно CSS-правило с плавным масштабированием. Введите минимальный и максимальный размер шрифта и диапазон ширины вьюпорта, чтобы получить готовое к вставке правило clamp().
Was this helpful?
Популярные калькуляторы
Кредитный калькулятор
Ежемесячный платёж, общие проценты и полный график погашения.
Калькулятор процентов
Процентное изменение, процент от и расчёты отношений.
Калькулятор скидки
Рассчитайте итоговую цену, экономию и сумму скидки.
Калькулятор ИМТ
Индекс массы тела по росту и весу (метрическая или имперская система).
Калькулятор возраста
Рассчитайте точный возраст в годах, месяцах и днях по дате рождения.
Калькулятор сложных процентов
Рассчитайте итоговую сумму и заработанные проценты с капитализацией.
Все калькуляторы
Калькуляторы не найдены
Comments (0)