Поскольку никто не упомянул об этом.
. В качестве альтернативы для установки высоты элемента html
/ body
на 100%
, вы могли бы также использовать длину в процентах в окне просмотра:
5.1.2. Длины в процентах по видовому экрану: единицы измерения «vw», «vh», «vmin», «vmax»
Длина в процентах в окне просмотра зависит от размера исходного содержащего блока. Когда высота или ширина исходного содержащего блока изменяется, они соответственно масштабируются.
blockquote>В этом случае вы можете использовать значение
100vh
(которое является высотой области просмотра) - (пример)body { height: 100vh; }
Настройка
min-height
также работает. (пример)body { min-height: 100vh; }
Эти устройства поддерживаются в большинстве современных браузеров - поддержка находится здесь .