css - iPhone 6 溢出

标签 css css-float

我有一个客户的响应式网站,该网站仅用于移动目的。它适用于除 Iphone 6 以外的所有手机。主页加载正常,但每个内页都会出现奇怪的溢出,屏幕左侧有一个大边框 (see attached image)。

  1. 试图为来自 this 的 Iphone 6 添加特殊断点线程。
  2. 尝试使用 width:100%; 向主容器添加外部容器。
  3. 尝试将 overflow:hidden; 添加到正文和内部容器中。
  4. 尝试添加 overflow-x: hidden;

没有任何效果。

  1. 尝试将 position:fixed; 添加到 body 中只是为了看看它是否有效。屏幕溢出消失了,但网站当然不能滚动。

我没有 Mac 来使用开发者工具调试这个问题,这限制了我的选择。 在所有移动模拟器、Chrome、FF、IE 上,网站看起来都不错。在 Browserstack 上,我可以看到错误,但无法在那里进行调试。 这不是单一的手机问题,已在多个 Iphone 6 设备上进行测试。

还有其他想法吗?

网站 link .

最佳答案

解决了!!! 页面中的一些 uls 有问题。添加溢出:隐藏;它解决了这个问题。

关于css - iPhone 6 溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27638148/

相关文章:

html - 使列表始终在固定宽度的 div 中显示一行元素

html - Chrome 中的定位问题(其他浏览器工作正常)

css - float : left makes clear: both stretch div to full height

css - 将两个三项对齐在同一行

css-float - 为什么我的容器 div 没有展开以显示内容?

css - 如何仅在另一个元素存在时向左浮动

CSS z-index 被页面上的元素顺序覆盖了吗?

html - 应用于 <td/> 的填充样式在 IE7 上不起作用

java - Bootstrap 不适用于 jsp

html - 相对于行垂直对齐 Div 中的文本