Я пытаюсь сделать свой body элемент равным высоте области просмотра, но расширяюсь, если его содержимое превышает его высоту. Первоначально я использовал min-height: 100vh для выполнения sh этого.
Однако, , как указано в этом ответе , элемент с процентной высотой не будет работать правильно внутри моего body, потому что он использует min-height.
Моей следующей идеей было использовать функцию max вместе с min-content на моем body:
body {
height: max(100vh, min-content);
}
Однако это не работает. В Chrome devtools я получаю следующее предупреждение:
введите описание изображения здесь
Недопустимое значение свойства
Есть ли решение этой проблемы?
Подробнее
- Внутри будет один элемент
body. - Этот элемент должен иметь возможность использовать значения высоты в процентах или
auto. - Высота тела должна увеличиваться, если содержимое внутри не подходит.
- Если содержимое внутри
body подходит, то любые процентные значения высоты будут основаны на высоте области просмотра.