Как верстать на весь экран?

Question

[kickass77]

Здравствуйте.
Хочу сверстать секцию страницы, которая бы отображалась на весь экран устройства.
Например, у пользователя высота монитора может отличаться, как растягивать контент секции, чтобы другая секция не входила в эту область? Есть готовое решение?



Или задавать только каждому медиа запросу высоту секции?

Comments

[Антон Антон]

почему не подходят 100vh, 200vh и т.п?

Answer 1

[Kvason]

height:100vh;

Comments

[Фёдор]

Стоит дополнить, чтобы было правильно, надо установить для html и body высоту 100%. Тогда будет работать как надо.

[Kvason]

Фёдор, как раз нет, можно поставить min-height:100vh; но ставить строго высоту 100% не надо, а то только один блок поместится

[Фёдор]

Kvason, Так по сути, у него сайт будет виде слайдов. Потом через JS настроит прокрутку и будет отображаться как раз по одному блоку.

[Kvason]

Фёдор, ну это уже по желанию, в вопросе спросили про высоту блока