01 Fluid value calculator
Адаптивный CSS
без угадываний.
Задайте значение свойства в нескольких точках viewport. Получите готовый
clamp(), который плавно соединит соседние точки и остановится на границах.
1
Что адаптируем?
Выберите одно или несколько свойств — у каждого будет свой набор точек.
2
Задайте точки
Настройте viewport и значение отдельно для каждого выбранного CSS-свойства.
1
Вставьте готовый CSS
Можно вставить декларации, правило с селектором или весь блок вместе с
@media.
Дешифратор читает px-границы и линейный calc(px ± vw) — тот же формат,
который генерирует Clamp Lab. Погрешность округления коэффициентов компенсируется.