Функция max()CSS3-генератор ☛

Функции: attr()blur()brightness()calc()contrast()drop-shadow()grayscale()hue-rotate()invert()linear-gradient()min()max()clamp()opacity()radial-gradient()repeating-linear-gradient()repeating-radial-gradient()saturate()sepia()var()

Позволяет установить наибольшее (самое положительное) значение из списка выражений, разделенных запятыми, в качестве значения свойства CSS . Функцию max() можно использовать везде, где разрешены length, frequency, angle, time, percentage, number или integer.

Функция max() принимает в качестве параметра одно или несколько выражений, разделенных запятыми, при этом наибольшее (наиболее положительное) значение выражения используется в качестве значения свойства, которому оно присвоено.

Выражения могут быть математическими выражениями (с использованием арифметических операторов), литеральными значениями или другими выражениями, такими как attr() , которые оцениваются как допустимый тип аргумента (например, length), или вложенными функциями min() и max().

Вы можете использовать разные единицы измерения для каждого значения в выражении. При необходимости вы также можете использовать круглые скобки для установления порядка вычислений.

Математические выражения, включающие проценты ширины и высоты в столбцах таблицы, группах столбцов таблицы, строках таблицы, группах строк таблицы и ячейках таблицы как в таблицах с автоматическим, так и с фиксированным макетом, могут обрабатываться так, как если бы был указан auto.
<Допускается вложение min() и других функций max() в качестве значений выражения. Выражения являются полными математическими выражениями, поэтому вы можете использовать непосредственное сложение, вычитание, умножение и деление без использования самой функции Calc().
Выражение может представлять собой значения, сочетающие операторы сложения (+), вычитания (-), умножения (*) и деления (/) с использованием стандартных правил приоритета операторов. Обязательно ставьте пробелы с каждой стороны операндов + и -. Операндами в выражении могут быть любые значения синтаксиса <длина>.
Вы можете (и часто необходимо) комбинировать значения min() и max() или использовать max() в функции clamp() или calc().
Когда max() используется для управления размером текста, убедитесь, что текст всегда достаточно большой для чтения. Предлагается использовать функцию min(), вложенную в max(). Например:
```
small { font-size: max(min(0.5vw, 0.5em), 1rem);}
```
Поддержка браузера: 79 79 75 11.1

Пример

<h1>
Этот текст всегда разборчив, но не меняет размера
</h1>

<h1 class="responsive">
 Этот текст всегда разборчив и в определенной степени отзывчив 
</h1>

h1 {
  font-size: 2rem;
}

h1.responsive {
  font-size: max(4vw, 2em, 2rem);
}