ClampCalc
Создать clamp

Отступы используют ту же прямую

Рассчитайте плавный clamp() для отступов

Свяжите отступ на малом экране с отступом на большом и скопируйте clamp для padding, margin или gap после проверки в проекте.

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