屏幕方向改变后页面右侧的空白区域

Question

Problem Demo 这个问题在IOS设备上可见（在iPhone 5上测试）。在横向模式下查看页面并切换到纵向模式时，页面右侧会显示空白区域。它应该与iOS设备（Safari）支持的移动浏览器连接。

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

该模板基于bootstrap构建，并在滑块中使用owl carousel。任何帮助将不胜感激！

Answer 1

将此添加到您的头部：

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

我有一个类似的问题，这有点帮助我...希望是有效的。