Генератор CSS clamp

Создайте плавное значение clamp(), которое масштабирует размер шрифта между двумя значениями ширины окна.

Как пользоваться

  1. Введите нужные значения в поля.
  2. Нажмите «Рассчитать», чтобы увидеть результат.
  3. Скопируйте или поделитесь результатом с помощью кнопки «Поделиться».

Об этом калькуляторе

Этот инструмент генерирует адаптивную CSS-функцию clamp() для гибкой типографики — clamp(min, preferred, max), — где значение preferred представляет собой вычисляемое выражение на основе vw, плавно масштабирующее размер шрифта между минимальной и максимальной шириной вьюпорта, так что за выбранными пределами он перестаёт увеличиваться или уменьшаться.

Фронтенд-разработчики используют его, чтобы не писать множество медиазапросов-брейкпоинтов только для изменения размера заголовков и основного текста, получая вместо этого одно CSS-правило с плавным масштабированием. Введите минимальный и максимальный размер шрифта и диапазон ширины вьюпорта, чтобы получить готовое к вставке правило clamp().

Was this helpful?

Comments (0)

  • Be the first to comment.

Популярные калькуляторы

Все калькуляторы