禁用横向滚动只能在台式机上进行，而不能在移动设备上进行

Question

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

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

但是，在移动浏览器上查看网站时，仍然可以进行侧面滚动。

为清楚起见，有些内容超出了屏幕宽度。如果可能的话，我想保持这种方式，但是请确保用户不能滚动查看溢出的内容。由于通过台式机浏览器使用上面的代码很容易做到这一点，因此我怀疑在移动浏览器上也必须能够实现。