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

Question

当您滚动到 Firefox 底部和 iPad 2（运行 Safari）时，会出现水平滚动，这让我们感到困惑。

在 Mac 和 PC 上的 Firefox 中，根据 Firebug，所有元素的大小都是正确的。但是，如果您滚动，则会出现这个灰色区域。滚动条不反映这个额外的空间；您需要通过触控板访问它。在 iPad 上，灰色空间显示为身体的一部分。也就是说，浏览器认为该站点比实际宽 200 像素左右。它可以在桌面 Safari 上正常运行。

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

谢谢！

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

Answer 1

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