1

Как сделать шапку сайта так, чтобы она была на весь размер окна, но при этом не меняла своего размера. Объясню, в хроме на андроид когда скроллишь вылезает панелька с урл и кнопкой настроек, она изменяет размер вьюпорта, поэтому банальное height: 100vh; width: 100vh; не подходит, т.к. страница скачет, есть вариант сделать ресайз через js, при событиях scroll resize и только когда данная секция видна во вьюпорте. Какие вообще есть техники для таких хитростей?

3
  • Еще подобная проблема есть в safari на iPhon, в зависимости от версии iOs в safari присутствуют либо только верхняя панелька, либо и верхняя и нижняя. Причем, они накладываются на вьюпорт, не изменяя его размер, отследить их не представляется возможным, но на iphone4 в горизонтальной ориентации они скрывают почти треть экрана, на iphone5 около четверти. Для супер-пупер верстки приходится писать стили для каждого такого устройства.
    – Mikl
    30 ноя 2016 в 6:46
  • А шапка должна скролится?
    – user220409
    3 дек 2016 в 12:00
  • @OlmerDale Не обязательно
    – IC_
    3 дек 2016 в 12:29

1 ответ 1

0

В общем я написал свой собственный скрипт. jsResizer
Ресайзит секцию под размер экрана, только если секция видна во вьюпорте

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.