Как растянуть div на 100% по высоте дисплея?

Question

[Имя Фамилия]

Здравствуйте.

Подскажите пожалуйста, как растянуть div на 100% по высоте дисплея с которого вошёл пользователь? Именно по высоте дисплея а не по высоте страницы. Так обычно делают на различных лендингах. Первый экран на странцие, притирается плотно к низу дисплея. Возможно ли это сделать без JS-ки? Если нет, то как это делается скриптами?

Answer 1

[Денис Инешин]

Viewport units

Answer 2

[Сергей Горячев]

html, body { height: 100%; }
.block { height: 100%; }

Логика простая, высоту можно задавать в процентах, если всем родительским от html до самого блока задать высоту в %.

Answer 3

[dk-web]

100vh?

Answer 4

[Имя Фамилия]

Спасибо за помощь. Вот ещё статья на русском по vw/vh.