主屏幕Web应用程序在全屏时切断部分页面

Question

首先，我必须说我是这个网络应用主屏幕按钮主题的新手。 这些行：

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 

到目前为止，对我来说很酷，但是当方向从横向变为肖像时会出现问题。然后应用程序仅剪切浏览器chrome所在的部分，并在右侧留下一个白色字段。 奇怪的是，当我以纵向模式开始然后改为横向时，一切都很好地来回运动。 怎么避免这个？

非常感谢你的帮助

加拉瓦尼

Answer 1

以下代码解决了我的问题：

$(window).on('orientationchange', function() {
                    // only necessary for home screen use
                    // otherwise blank space is left where the adress bar was (on orientation change from landscape to portrait)
                    document.body.scrollLeft = 0;               
                } );