Возможно ли получить высоту экрана, не прибегая к JS для нескольких элементов?

Question

[vaflya]

Здравствуйте, искал в интернете решение вопроса, но там только для одного элемента. Суть в чем, делаю страницу лендинг и он состоит из 5 с установленным bg изображением. Я бы хотел растянуть каждую секцию на высоту экрана, но не прибегая к js. Это возможно?

Answer 1

[spnq]

Для этого существует единица размера vh (viewport height).
100vh = 100% экрана.
Тоже самое для vw (viewport width).
Только мета-тег в head добавить не забудь:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Comments

[vaflya]

Тоже сейчас наткнулся на относительные единицы измерения. Мета тег только для мобильных браузеров, верно?

[spnq]

vaflya, вкратце - да, немного подробнее вот тут