Tools
Считается локально

CSS clamp()

Объявление clamp() из трёх длин.

Ctrl+Enter выполняет. Ctrl+Shift+Backspace очищает.

Экспорт и импорт доступны после входа в аккаунт. Войти

Объявление clamp() из трёх длин. Считается в браузере. Ничего не отправляется.

Об инструменте

Пусть заголовки и отступы плавно растут между минимальным и максимальным размером. Введите три длины, например 1rem, 4vw и 2.5rem, и скопируйте значение clamp().

Как пользоваться

  1. 01

    Введите минимальную длину.

  2. 02

    Введите предпочтительную, обычно зависящую от ширины экрана.

  3. 03

    Введите максимум и скопируйте объявление clamp().

FAQ

Частые вопросы

Что делает clamp()?

Использует предпочтительное значение, но не опускается ниже минимума и не поднимается выше максимума.

clamp() поддерживается везде?

Да. Все современные браузеры его поддерживают.