ios - 屏幕方向更改后页面右侧的空白区域

Question

Problem Demo该问题在 IOS 设备上可见(在 iPhone 5 上测试过)。横屏查看页面，切换竖屏时，页面右侧出现空白，需要连接iOS设备支持的手机浏览器(Safari)。

例如我在 Xperia V 上测试过，没有这个问题。您对我如何解决这个问题有什么建议吗？

该模板基于 Bootstrap 构建，并在 slider 中使用猫头鹰轮播。任何帮助将不胜感激!

Answer 1

将此添加到您的头部部分:

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

我在使用 kindle 时遇到了类似的问题，这帮我解决了问题……希望一切顺利。