补偿为iPhone Safari浏览器的Bug旋转

Question

这里有一些步骤来弄乱iPhone的旋转时，在Safari

1. 拿着手机在垂直模式和导航与Safari浏览器google.co.cr
2. 旋转手机水平
3. 旋转手机，垂直

页面被裁剪为在这里看到：

简单的水平滑动将使其恢复。

这不是google.com的问题，只适用于google.cr.co，但它说明了我遇到的问题。

奇怪的是，如果您从Safari标题的Google搜索框中进行搜索，则会恢复正常。

我的网页在遵循相同的步骤时会遇到同样的问题...它会被裁剪掉。

我该如何解决这个问题？

Answer 1

只需在方向更改时重置视口。

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