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

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 dev工具获取页面的3D视图并将溢出的内容固定到x轴。如果它仍然没有帮助，请在jsfiddle，codepoen或某处提供示例标记，我们可以看看。