Отображение контента конкретно в области просмотра окна браузера?

Question

[Джон Голт]

Каким образом позиционировать блок с контентом, так чтобы она занимал конкретно область просмотра окна браузера браузера? Моя ситуация: есть блок с видео, который должен быть во весь экран и которому я прописываю, предположим:

widht: 100%;
height: 1680px;

а потом изменяю высоту в зависимости от ширины экрана через media. Но здесь получается так, что при высчитывании высоты учитывается еще и навигационная панель браузера, windows и т.д и метод получается достаточно кривым в итоге, нужно все равно скролить. В связи с чем прошу подсказать, как делать такие вещи правильно.

Answer 1

[Никита Наумов]

сделайте width: 100%; height: 100vh

Comments

[Джон Голт]

Спасибо) Как же просто все бывает иногда)

Answer 2

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

Есть такие единицы измерения специальные: vw, vh. Вполне кроссбраузерно: Can i use

Answer 3

[Stalker_RED]

Стоит понимать, что document, screen, window и viewport - это всё разные штуки, и их размеры могут отличаться.
www.quirksmode.org/mobile/viewports.html