补偿iPhone Safari Rotation Bug

Question

以下是在Safari中搞乱iPhone旋转的一些步骤

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);