通过桌面查看网站时,我正在应用以下 CSS 来成功禁用横向滚动:
html, body {
max-width: 100% !important;
overflow-x: hidden !important;
}
但是,在移动浏览器上查看站点时,仍然可以进行横向滚动。
需要明确的是,有内容超出了屏幕宽度。如果可能的话,我想保持这种状态,但要做到这一点,以便用户无法滚动查看溢出的内容。由于使用桌面浏览器中的上述代码很容易做到这一点,我怀疑它在移动浏览器上也必须是可能的。