Ios9 mobile safari пейзаж css ошибка с положением: абсолютное дно: 0

Кажется, я не нашел обходного пути для этого.

На ios9 в мобильном сафари, если webapp использует position:absolute и bottom:0 для области содержимого для охвата всего экрана, когда в landscape mode панель навигации Safari будет охватывать нижнюю часть содержимого, и вы не можете прокручивать мимо него - он НЕ блокируется в портрете.

портретный режим в порядке, даже если на панели навигации есть
Это не ошибка изменения ориентации, происходит, если страница запущена в альбомной ориентации.
ошибка не возникает, если веб-страница добавляется на рабочий стол, отлично работает в ландшафте, и содержимое видимо (потому что навигация отсутствует)

Итак, почему сафари получает bottom:0 правильно в портрете, но не в ландшафте?

Ответ 1

настройка position:fixed в элементе html волшебным образом зафиксирована в этом

html { position:fixed; width:100%; height:100%; overflow:hidden; }

не уверен, почему, но должен быть ошибкой рендеринга, который fixed работает вокруг

по какой-то причине fixed также измените размер шрифта в ландшафте, но я тоже могу обойти это.

Ответ 2

У меня была та же проблема: при изменении ориентации, если она находится в режиме landscape, измените метатегу viewport на:

width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no

Я делаю это, просто находя $('meta[name="viewport"]') и заменяя его content.