html - Google PageSpeed Insights 根据视口(viewport)调整内容大小

Question

我正在尝试提高 PageSpeed insights 分数，但我可能误解了一个部分:根据视口(viewport)调整内容大小，建议显示某些 html 元素在视口(viewport)之外，我该如何解决？我尝试减小文本非常大的字体大小但没有帮助，它只与 CSS 相关吗？

结果如下:https://goo.gl/PB2yaA

Answer 1

您的内容在 361px - ~450px 太大了。 Google 告诉您，一些元素(例如 .nav-toggle)在视口(viewport)之外并且不可点击。

您的代码:

(max-width: 480px) 
html, body {
width: 480px !important;

不行，因为它强制视口(viewport)大于可能的 440px 视口(viewport)。删除它会对您有所帮助。