移动设备上的水平滚动/溢出问题

Question

此网站：occecvision.org 在我的手机（iPhone，尚未检查 Android）上的内容两侧有水平滚动/空白。

我已经尝试过 body, html {overflow-x:hidden !important;max-width:100% !important} 但这不起作用。

我假设某些图像或元素大于设备宽度，但当我查看页面元素时，我看不到任何破坏布局的东西。

我正在将 Bricks Builder 与 Wordpress 一起使用，如果这有什么区别的话。

请帮我诊断这个问题。

Answer 1

我已经在桌面版（Firefox）和移动版（Safari）中测试了该网站，但无法重现该问题。隐藏在 html 元素上的简单溢出就可以做到这一点。

html{
    overflow-x: hidden;
}