React 网站有时不会在移动设备上全屏显示 [关闭]

Question

所以我正在为自己设计一个投资组合网站，并且我在网站上使用 react-scroll 和 react-animate-on-scroll。有时（通常当您单击投资组合导航链接，然后单击 github 导航链接）该站点不会一直向下滚动到 github 部分，您可以缩小它看起来像这张图片（也只发生在移动视图上):

只要你点击任何东西，它就会回到全宽...你可以在这里检查网站的行为：https://jorrharris-website.herokuapp.com/

当我重新加载页面时也不会发生这种情况，通常只会在我执行以下步骤时发生： 1.在chrome工具中打开移动设备视图 2. 展开导航栏并点击投资组合链接 3.再次展开导航栏，点击github链接 （它会在github页面之前停止滚动，然后你可以缩小看到屏幕不是全宽）

这几天我一直在试图弄清楚为什么会发生这种情况，但我还没有找到任何东西。

Answer 1

我有时只能重现该问题。尝试像这样在 CSS 中隐藏 x 轴溢出：

html, body{
overflow-x: hidden;
}