Генератор CSS clamp()

Створіть адаптивне значення CSS, яке масштабується між двома ширинами перегляду.

Графіка Без збереження даних

Коротка інструкція

Спробуйте приклад

Введіть

Мінімальне значення (px)
16
Максимальне значення (px)
32
Мала ширина огляду (px)
400
Велика ширина огляду (px)
1200

Отримаєте

clamp(16px, 2vw + 8px, 32px)
Як це працює і межі

Введіть обидві ширини і обидва значення в пікселях. Вставте отриманий вираз clamp() як значення властивості CSS.