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

Question

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

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

隐藏了这些溢出

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

CSS：

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

谢谢。

Answer 1

尝试添加这个：

 #main_body {
    overflow-x: hidden;
    }

Answer 2

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