页面内容太宽

Question

我正在尝试解决页面速度洞察力推荐我的问题，无论如何我不明白一个问题：

视口的页面内容太宽，迫使用户滚动 水平。将页面内容的大小调整为视口以提供更好的效果 用户体验。

页面内容我是438像素宽，但视口只有375 css 像素宽。

这是网站：http://goo.gl/PJRMO9

我在网站上找不到这个问题，我找不到需要水平滚动的地方。也许有人可以确定问题出在哪里，因为我根本不知道在哪里解决这个问题。

我的问题与可能重复的问题略有不同，因为问题与字体大小有关。

提前谢谢

Answer 1

我认为问题出在您网站的移动版本上。请看下面的scren和下面的解释。

我认为这可能会导致这个奇怪的错误。我的建议是减少这个h1元素的字体大小。

您可以使用谷歌浏览器开发工具和设备模式观察这一点（您可以使用ctrl + shift + m和重新加载页面在chrome dev工具中打开它）。尝试在开发工具中进入移动模式并更改主体上的css： overflow-x：hidden！important; 溢出-x：可见！重要;

在移动模式下重新加载页面，然后向下滚动。你应该看到这个：