css - 禁用横向滚动适用于桌面但不适用于移动设备

Question

通过桌面查看网站时，我正在应用以下 CSS 来成功禁用横向滚动：

html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

但是，在移动浏览器上查看站点时，仍然可以进行横向滚动。

需要明确的是，有内容超出了屏幕宽度。如果可能的话，我想保持这种状态，但要做到这一点，以便用户无法滚动查看溢出的内容。由于使用桌面浏览器中的上述代码很容易做到这一点，我怀疑它在移动浏览器上也必须是可能的。