Справочник HTML & CSS

max()

Берёт наибольшее из значений — способ задать нижний предел.

Синтаксис

max(value, value, …)

Параметр	Тип	Описание
values	length	Два или больше значений через запятую.

Минимальный размер, который растёт вместе с окном:

<p style="font-size: max(16px, 1vw); padding: max(8px, 2vw); background: honeydew;">At least 16px text and 8px padding, more on wide screens</p>

max() задаёт минимум: значение никогда не опустится ниже самого большого аргумента. Для обоих пределов сразу берите clamp().

min() — Берёт наименьшее из значений — способ задать верхний предел.
clamp() — Держит значение в пределах: желаемое, но не меньше минимума и не больше максимума.
min-width — Минимальная ширина: уже элемент стать не может.

Функции CSS — Вычисления прямо в CSS — calc(), min(), max() и clamp(), смешивание единиц, плавные размеры и функции вместе с переменными.