ClampCalc
Создать clamp

Копируйте значение, правило или переменную

Создайте готовый код CSS clamp()

Выберите размеры и ширины двух границ, затем скопируйте clamp, правило font-size или переменную --fluid-size.

Локальный расчёт CSS

Границы ширины и значения

Значения остаются на устройстве
Ширины экрана
px
px
Желаемые значения на этих ширинах
px
px
px
Единицы результата

Только возрастающие линейные масштабы. Используйте токен после проверки реального контента, масштаба, корневых настроек и макета.

Проверка округлённого CSS

Созданный clamp

rem · 6
Значение clampclamp(1rem, 0.909091rem + 0.454545vw, 1.25rem)
Правило font-sizefont-size: clamp(1rem, 0.909091rem + 0.454545vw, 1.25rem);
Пользовательская переменная--fluid-size: clamp(1rem, 0.909091rem + 0.454545vw, 1.25rem);

Просмотр скопированных коэффициентов

17.999998px

Плавный дизайн должен оставаться читаемым на любой ширине.

Данные формулы

Точный наклон
0.0045454545 px/px
Точное пересечение
14.54545455px
CSS на малой границе
16px · Δ 0px
CSS на большой границе
19.999996px · Δ -0.000004px

Погрешности сравнивают заданные px с округлённой формулой. ClampCalc не выбирает подходящий дизайн и не подтверждает доступность.