Блок выстой с экран на CSS

31.03.2020 13:46:24

Иногда требуется верстка, где страницы поделены на горизонтальные секции, каждая из которых занимает ровно размер экрана. При этом независимо от устройства / разрешения экрана. Понятно, что это можно сделать при помощи JavaScript, но есть способ лучше.

Итак, нам будет достаточно задать блоку:

 
.box {
    min-height: 100vh;
}

и все!

vh - это 1% от размера экрана. Также применять его можно и к ширине.


Категории: Web, HTML, CSS
Яндекс.Метрика