屏幕方向更改后页面右侧的空白

【问题标题】：White space on the right of page after screen orientation change屏幕方向更改后页面右侧的空白
【发布时间】：2017-01-01 06:01:43
【问题描述】：

Problem Demo 该问题在 IOS 设备上可见（在 iPhone 5 上测试）。横屏切换竖屏时，页面右侧出现空白，需连接iOS设备支持的移动浏览器（Safari）。

例如，我在 Xperia V 上进行了测试，但不存在此问题。您对如何解决此问题有什么建议吗？

模板建立在引导程序之上，并在滑块中使用 owl carousel。任何帮助将不胜感激！

【问题讨论】：

【解决方案1】：

将此添加到您的头部：

<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0" />

我在使用 kindle 时遇到了类似的问题，这帮助了我...希望是有效的。

【讨论】：

阻止用户缩放。我添加了将处理缩放的 JS 脚本。这里的问题是因为 iOS 设备通常如何使用引导程序。我暂时找到的解决方案是添加overflow-x:scroll to body和html。这样就不可能向右滚动查看那个白色区域。但它仍然存在，它不是最好的解决方案。
在末尾添加 user-scalable=yes 以启用缩放和最大比例 2.0
这仍然不能解决问题。（以为，它在演示中已经不可见了，因为我按照我所说的通过添加溢出-x：隐藏来修复它）正如我所说的问题是它在右侧添加了空白，它与元无关标签。