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;
}