Chrome Dev Summit 2018 is happening now and streaming live on YouTube. Watch now.

正确调整内容大小,使其适合视口

为什么说此审查非常重要

该审查检查页面上内容的宽度是否等于视口宽度。 如果内容宽度小于或大于视口宽度,则通常表明页面没有针对移动设备屏幕进行优化。

如何通过此审查

此审查是一种确定页面是否已针对移动设备进行优化的迂回方式。 如果您的网站未优化,并且您想要优化它,请先参阅自适应网页设计基础知识

如果属于以下情形,您可忽略该审查:

  • 您的网站不需要针对移动设备屏幕进行优化。
  • 您的页面内容宽度特意设计成小于或大于视口宽度。

如何实现此审查

本部分介绍如何实现此审查,以便您可以了解计算此审查得分的方式。

如果 window.innerWidth === window.outerWidth,则表示通过了审查。