隐藏的溢出显示在移动浏览器中，但不显示在桌面浏览器中

Question

这是我的移动浏览器和桌面浏览器的屏幕截图。

我的网页在 x 轴上有一些溢出，我使用 overflow-x: hidden;

隐藏了它

有什么方法可以让我的网页在移动浏览器中呈现，就像它在桌面浏览器中呈现的方式一样，即隐藏全宽和溢出。

CSS:

body{
    padding:0;
    margin:0;
    background-image:url(../images/PaperBG/goovepaper.png);
    overflow-x: hidden;
}

谢谢。

Answer 1

您的标记有问题，请检查溢出的内容，您可以使用 mozilla 开发工具获取页面的 3D 视图并修复 x 轴方向的溢出内容。如果仍然没有帮助，请在 jsfiddle、codepoen 或其他地方提供示例标记，我们可以看看。

Answer 2

尝试添加这个：

 #main_body {
    overflow-x: hidden;
    }