Clamp function

Данная функция рассчитывает наиблее приемлемые значения для адаптивного уменьшения/увеличения размеров.

Подходит для размеров шрифтов, отступов, размеров блоков...

Для рассчета В rem - просто выставляем в поле "Pixels per rem = " значение px

*Пример: 1rem == 16px

Minimum viewport width =
-+
Maximum viewport width =
-+
Minimum value size =
-+
Maximum value size =
-+
Pixels per rem =
-+
Показывать результат в
result width calc() =
clamp(1px, calc(0.6000px + 0.1250vw), 3px)
Copy
Copied ✔

Браузер не поддерживает Clipboard API

Чтобы скопировать в буфер обмена,

выделите текст и нажмите Ctrl+C (Cmd+C для Mac)

Пример блока с адаптивными размерами
При ресайзе окна браузера размеры блока, отступы, шрифт, радиусы углов будут изменяться

Block width: 620px

Block height: 270px

Font size: 20px

Border radius: 12px