React网站有时无法在手机上全屏显示

Question

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

点击任何内容后，它将返回全角...您可以在此处检查网站的行为：https://jorrharris-website.herokuapp.com/

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

几天来我一直在试图弄清为什么会这样，但是我还没有发现任何东西。

Answer 1

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

html, body{
overflow-x: hidden;
}