CSS 在本地服务器上禁用水平滚动，但在域上不起作用

Question

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

这是我添加到 CSS 中的代码。这很好用，并且不允许水平滚动（包括单击和拖动要滚动的元素）。但是，出于某种原因，即使我可以通过开发工具在我的域上看到代码，我仍然可以单击和滚动。

这在台式机上不是问题，但在我的 IPhone 例如，它会在屏幕右侧创建一条小白线，这非常烦人。

我想知道是否有人可以帮助我解决这个问题，我们将不胜感激。

Answer 1

试试这个。

* {
  -webkit-overflow-scrolling: touch;
}

html,body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

同时从您的网站中删除此样式

.row {
    margin-right: -15px;
}

CSS disabled horizontal scrolling working on local server, but not on domain