ClampCalc
Создать clamp

Четыре значения, один проверенный токен

Рассчитайте плавное значение CSS clamp()

Задайте значение на двух ширинах экрана. Получите локальную формулу rem + vw или px + vw с проверкой округлённых границ.

Локальный расчёт 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 не выбирает подходящий дизайн и не подтверждает доступность.