【发布时间】:2015-02-22 15:29:23
【问题描述】:
我有一个客户的响应式网站,仅用于移动目的。它在除 Iphone 6 之外的所有手机上都运行良好。主页加载正常,但每个内页都会出现奇怪的溢出,屏幕左侧有一个大边框 ()。
- 尝试从this 线程中为 Iphone 6 添加特殊断点。
- 尝试使用
width:100%;将外部容器添加到主容器。 - 尝试将
overflow:hidden;添加到主体和内容器中。 - 尝试添加
overflow-x: hidden;。
没有任何效果。
- 尝试将
position:fixed;添加到正文中,只是为了看看它会起作用。屏幕溢出消失了,但网站当然不能滚动。
我没有使用开发工具调试此问题的 Mac,这限制了我的选择。 在所有移动模拟器、Chrome、FF、IE 上,网站看起来都还可以。在 Browserstack 上我可以看到这个错误,但无法在那里调试它。 这不是单个手机问题,已在多台 Iphone 6 设备上进行了测试。
请问还有什么想法吗?
网站link。
【问题讨论】:
-
试试border:0px; ,哈哈只是猜测
-
在模拟器中看起来不错...
-
FWIW,使用 Xcode 6.1.1 中的“iPhone 6 / iOS 8.1”模拟器在 Mobile Safari 中不会出现此问题。
-
一开始我以为 Browserstack 上也没有显示,但后来我双击设备的“屏幕”,屏幕缩小后问题出现了。