Задать вопрос

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

Каким образом позиционировать блок с контентом, так чтобы она занимал конкретно область просмотра окна браузера браузера? Моя ситуация: есть блок с видео, который должен быть во весь экран и которому я прописываю, предположим:
widht: 100%;
height: 1680px;
а потом изменяю высоту в зависимости от ширины экрана через media. Но здесь получается так, что при высчитывании высоты учитывается еще и навигационная панель браузера, windows и т.д и метод получается достаточно кривым в итоге, нужно все равно скролить. В связи с чем прошу подсказать, как делать такие вещи правильно.
  • Вопрос задан
  • 166 просмотров
Подписаться 2 Оценить Комментировать
Решения вопроса 1
сделайте width: 100%; height: 100vh
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
IonDen
@IonDen
JavaScript developer. IonDen.com
Есть такие единицы измерения специальные: vw, vh. Вполне кроссбраузерно: Can i use
Ответ написан
Комментировать
Stalker_RED
@Stalker_RED
Стоит понимать, что document, screen, window и viewport - это всё разные штуки, и их размеры могут отличаться.
www.quirksmode.org/mobile/viewports.html
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы