Как сделать, что высота DIV подстраивалась по высоту экрана?

Question

[Георгий Степанов]

Здравствуйте. Как сделать так, чтобы высота DIV, подстраивалась под размер экрана. Сталкивался с проблемой просто DIV на разных экранах, на одном он больше по высоте, на другом меньше.

Comments

[Георгий Степанов]

Проблема решена, https://toster.ru/answer?answer_id=260106

Answer 1

[Nikolay Talanov]

1) Viewport единицы. В данном случае 100vh. Поддержка вот такая caniuse.com/#search=viewport
2) Если ваш див не находится где то глубоко в разметке, а лежит прямо в body (или глобальном контейнере), то можно сделать вот так:

html, body {
  height: 100%;
}
.container { // если имеется
  height: 100%;
}
.block {
  height: 100%;
}

Так как мы не задаем overflow: hidden для body или контейнера, то с ними ничего плохого не произойдет, контент по прежнему будет адекватно отображаться и скроллится.

Answer 2

[Александр Таратин]

habrahabr.ru/post/126863