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

[Anonymous]

У меня есть сайт с метатегом

Код: Выделить всё

и высота: 100%; в тегах html и body.
Когда я захожу на этот сайт из Safari (iOS 13.5.1) и делаю следующее:

• поворачиваю свое устройство в ландшафтный режим
• затем поверните его обратно в портретный режим

после чего в нижней части экрана появится белое пространство. Это пространство не является частью HTML-кода страницы. Оно находится за пределами тега html.


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

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