Пустое пространство внизу страницы после поворота устройства в iOS SafariIOS

Программируем под IOS
Anonymous
Пустое пространство внизу страницы после поворота устройства в iOS Safari

Сообщение Anonymous »

У меня есть сайт с метатегом и высота: 100%; в тегах html и body.
Когда я захожу на этот сайт из Safari (iOS 13.5.1) и делаю следующее:
  • поворачиваю свое устройство в ландшафтный режим
  • затем поверните его обратно в портретный режим
после чего в нижней части экрана появится белое пространство. Это пространство не является частью HTML-кода страницы. Оно находится за пределами тега html.
Изображение

Минимальный воспроизводимый пример: https://jsbin.com/cojabiquza
Похоже, это связано с поведение Safari, когда он скрывает адресную панель и нижнюю панель, когда устройство переходит в альбомный режим. А когда он возвращается в портретный режим, панели снова отображаются, но браузер «забывает» что-то пересчитать и показывает лишнее пространство внизу страницы.
Удаление

Подробнее здесь: https://stackoverflow.com/questions/627 ... ios-safari

Вернуться в «IOS»