css - 在 iOS 中的 Safari 上向下滚动时，当在容器上设置高度时，页面很容易横向滚动

Question

我正在构建一个包含多个列的网页。该页面在 x 轴上启用了 CSS 强制滚动对齐，以便在每次水平滚动后页面应该对齐，以便最近的列居中。

奇怪的是，在 iPhone 上的 Safari 上，当height在滚动容器上设置时，它似乎很容易横向滚动。即使是在其中有少量横向移动的垂直滚动（当您用手指滚动时很自然）也会使页面横向滚动。

但是，当我取消设置时height，它只会正常滚动，并且对横向移动不太敏感。

为什么固定高度会影响滚动灵敏度？

我在这里放了一个codesandbox。

height: 100vh您可以通过取消注释类上的样式来测试差异.container。

标签： csssafarimobile-safari