vmax

Определяется как большее значение из vw и vh. К примеру, 10vmax сравнивает между собой размер 10vh (10% от высоты области просмотра) и 10vw (10% от ширины области просмотра), после чего выбирает большее значение.

Пример

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vmax</title> <style> header { min-height: 10vmax; /* Высота */ background: #801D7F; /* Цвет фона */ color: #FBD6DB; /* Цвет текста */ padding: 10px; /* Поля вокруг текста */ box-sizing: border-box; /* Не учитываем padding */ } </style> </head> <body> <header>Социализация, как бы это ни казалось парадоксальным, отражает институциональный импульс.</header> </body> </html>

Спецификация

Спецификация Статус
CSS Values and Units Module Level 4 Рабочий проект
CSS Values and Units Module Level 3 Возможная рекомендация

Браузеры

16 26 15 6.1 19
2.2 19 14 7

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

См. также