Html iPhone CSS视口问题-网站；“摆动”；左/右

在iPhone（只有iPhone，而不是Android）上，我们网站的移动版显示良好，但当用户尝试左/右滑动（例如在滑块或图库上）时，整个网站会左右“摆动”，然后返回到正确的位置

换句话说，它不会被截短或溢出屏幕，它的大小非常完美，但它“排序”向左/向右滚动，不应该

我确信这与容器或视口大小有关，但我自己不知道如何解决这个问题

---

任何建议都将不胜感激。

尽管听起来身体溢出不是问题所在，但我还是会尝试解决它，看看会发生什么。我会这样做：

CSS

至少这将帮助您诊断问题，即使它不起作用

---

希望这有帮助

尽管听起来身体溢出不是问题所在，但我还是会尝试解决它，看看会发生什么。我会这样做：

CSS

至少这将帮助您诊断问题，即使它不起作用

---

希望这有帮助

需要添加

overflow-x:hidden到最外层的容器体：

body {
    overflow-x: hidden;
}

要查看导致溢出的原因，您可以尝试在所有内容周围添加一个大纲，这样您就可以很容易地看到是什么造成了溢出：

* {
    outline: 1px solid red;
}

您需要添加
overflow-x:hidden到最外层的容器体：

body {
    overflow-x: hidden;
}

要查看导致溢出的原因，您可以尝试在所有内容周围添加一个大纲，这样您就可以很容易地看到是什么造成了溢出：

* {
    outline: 1px solid red;
}