【问题标题】:Iphone 6 overflowiphone 6 溢出
【发布时间】:2015-02-22 15:29:23
【问题描述】:

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

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

没有任何效果。

  1. 尝试将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 上也没有显示,但后来我双击设备的“屏幕”,屏幕缩小后问题出现了。

标签: css css-float


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2017-08-10
    • 1970-01-01
    • 2015-01-17
    • 1970-01-01
    • 2014-05-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多