我有一个客户的响应式网站,该网站仅用于移动目的。它适用于除 Iphone 6 以外的所有手机。主页加载正常,但每个内页都会出现奇怪的溢出,屏幕左侧有一个大边框 ()。
- 试图为来自 this 的 Iphone 6 添加特殊断点线程。
- 尝试使用
width:100%;
向主容器添加外部容器。 - 尝试将
overflow:hidden;
添加到正文和内部容器中。 - 尝试添加
overflow-x: hidden;
。
没有任何效果。
- 尝试将
position:fixed;
添加到 body 中只是为了看看它是否有效。屏幕溢出消失了,但网站当然不能滚动。
我没有 Mac 来使用开发者工具调试这个问题,这限制了我的选择。 在所有移动模拟器、Chrome、FF、IE 上,网站看起来都不错。在 Browserstack 上,我可以看到错误,但无法在那里进行调试。 这不是单一的手机问题,已在多个 Iphone 6 设备上进行测试。
还有其他想法吗?
网站 link .
最佳答案
解决了!!! 页面中的一些 uls 有问题。添加溢出:隐藏;它解决了这个问题。
关于css - iPhone 6 溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27638148/