補償爲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);