Google Lighthouse审核-视口大小不正确

mic*_*paz 5 html css viewport lighthouse progressive-web-apps

当进行Lighthouse Audit审核时,我设法通过了所有要点,但是在此过程中我一直遇到错误。

内容的大小适合视口

Lighthouse说,如果window.innerWidth === window.outerWidth,审核通过

如果我将这些记录到控制台,它们是相同的,但是我仍然遇到问题,似乎无法解决。到目前为止,这是我尝试解决的问题...

最大化浏览器窗口在页面下/页面外停靠开发工具面板将容器流体类中的“孤立”行divs包装到CSS中添加了HTML {overflow-x:hidden;}

以上所有建议均来自- 灯塔审核说,尽管机身宽度为100%,但内容的视口尺寸仍不正确

我已从页面上删除了所有图像,以确保这些图像不会引起任何问题。我还在大多数设备上进行了检查,以确保没有问题。

我目前拥有的meta标签是

<meta name="viewport" content="width=device-width, initial-scale=1">
Run Code Online (Sandbox Code Playgroud)

再次,将宽度记录到控制台不会显示任何差异,因此我不确定这是否是Google失败或是否缺少某些内容。任何帮助将非常感激。谢谢!!