Компенсация ошибки поворота Safari на iPhone

Question

Вот несколько шагов, чтобы испортить вращение iPhone в Safari

1. Держа телефон в вертикальном режиме и перейдите на google.co.cr с Safari
2. Повернуть телефон горизонтально
3. Поверните телефон вертикально

Страница обрезается, как показано здесь:

Простое горизонтальное движение вернет его.

Это не проблема с google.com, только с google.cr.co, но она иллюстрирует мою проблему.

Как ни странно, если вы выполняете поиск из поля поиска Google в заголовке Safari, это снова приводит к нормальному размеру.

Моя веб-страница имеет ту же проблему при выполнении тех же шагов ... она обрезается.

Как я могу это исправить?

Answer 1

Просто сбросьте окно просмотра при изменении ориентации.

window.addEventListener('orientationchange',function() {
   if(window.orientation === 0) {
      window.scrollTo(0,0);
   }
},false);