React Web App 在 iPhone 上水平移动
React Web App moves horizontally on iPhone
我几个月前就为我的客户解决了这个问题。现在我们已经将 css 拆分为 WebPAck 处理的 PWA 状态，我发现它又回来了。
问题出在该测试站点 (https://foxtail-stage.netlify.com/) 的着陆页上。整个网站左右拖拽！它只出现在 iPhone 上，所以我知道这是另一个 Safari 问题。
我能够通过将 x-overflow:hidden 添加到 .html 和 .body 类.
来修复它
但正如我所说...现在它回来了:(
如何一劳永逸地解决这个问题？
您似乎遇到了两个问题：
1) 关于 overflow-x 不起作用，您在 body 标签上有一个压倒一切的样式，其中有 overflow-x: unset; 从而使您的 overflow-x: hidden; 不存在。
2) UI 中的某些东西从它的容器中溢出，iPhone X 上的宽度是 414px 但合成宽度是 415px 所以你应该调试整个 UI并确保没有发生意外。
希望对您有所帮助！
我几个月前就为我的客户解决了这个问题。现在我们已经将 css 拆分为 WebPAck 处理的 PWA 状态，我发现它又回来了。
问题出在该测试站点 (https://foxtail-stage.netlify.com/) 的着陆页上。整个网站左右拖拽！它只出现在 iPhone 上，所以我知道这是另一个 Safari 问题。
我能够通过将 x-overflow:hidden 添加到 .html 和 .body 类.
来修复它但正如我所说...现在它回来了:(
如何一劳永逸地解决这个问题？
您似乎遇到了两个问题：
1) 关于 overflow-x 不起作用，您在 body 标签上有一个压倒一切的样式，其中有 overflow-x: unset; 从而使您的 overflow-x: hidden; 不存在。
2) UI 中的某些东西从它的容器中溢出，iPhone X 上的宽度是 414px 但合成宽度是 415px 所以你应该调试整个 UI并确保没有发生意外。
希望对您有所帮助！