javascript - Firefox 和 iPad 2 (Safari) 在水平滚动中有额外的空间

Question

我们对当您滚动到 Firefox 底部和 iPad 2(运行 Safari)时出现的水平滚动感到困惑。

在 Mac 和 PC 上的 Firefox 中，根据 Firebug 所有元素的大小都是正确的。但是如果你滚动，就会有这个灰色区域。滚动条不反射(reflect)这个额外的空间；您需要通过触控板访问它。在 iPad 上，灰色空间显示为 body 的一部分。也就是说，浏览器认为网站比实际宽度宽 200 像素左右。它在桌面 Safari 上正常工作。

我已经遍历了每个子元素并且一切都合适。任何帮助将不胜感激。!

谢谢!

Here you can see the grey space we don't want!

Answer 1

也不完全理解您的问题 - 图片混淆多于帮助，但我的第一个建议是在您的 CSS 中，将 overflow: hidden 设置为您的正文或主容器 div。