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

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

我在Xperia V上测试过，例如这个问题不存在。你有什么建议，我该如何解决这个问题？

模板建立在引导上并在滑块中使用猫头鹰传送带。任何帮助，将不胜感激！

2014-09-13 Alex Dimitrov

你有没有试过** white-space：nowrap; ** ?? – Richa 2014-09-13 12:01:16

我不认为这是问题。正如我从有类似问题的人看到的那样，它是由bootstrap和meta设置引起的。（不是那个bootstrap是错误的，我认为它的ios错误：D） – 2014-09-13 13:18:28

添加到您的头部分：

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

我曾与一个点燃了类似的问题，这帮助我......希望工程。

来源

2014-09-13 19:04:37 gavsgav

这会阻止用户缩放。我已经添加了将处理缩放的JS脚本。这里的问题是因为iOS设备如何使用bootstrap。我目前找到的解决方案是将overflow-x：scroll添加到body和html。这样它就不可能向右滚动以查看那个白色区域。但它只是在那里，并不是最好的解决方案。 – 2014-09-14 04:17:51

将user-scalable = yes添加到最后以启用缩放和最大比例2.0 – gavsgav 2014-09-14 12:41:37

这仍然不能解决问题。（认为，它在演示中不可见，因为我通过添加overflow-x来隐藏它：因为我说问题在于它在右侧添加了空白区域，它不是与meta有关的东西标签。 – 2014-09-14 17:26:40

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

回答

相关问题