Next.js 页面尺寸比视口大得多

Question

我偶然发现了一种奇怪的效果，我的页面尺寸大约是视口的 2.7 倍，即使没有内容也没有样式。好像页面被放大了，但事实并非如此。

这个项目是建立在 NEXT.js 模板项目的基础上的，但是即使模板没有同样的问题，我也看不到它发生的时间和地点。项目中没有 webpack 设置，也没有我添加的 UI javascript。除了100% 之外，没有html 或body 的设置。 我试图在所有内容上重置zoom 和scale，但没有任何反应。即使我用鼠标滚轮滚动，也没有发生任何事情，就像有一些块一样。我觉得我错过了一些非常基本的东西，但谷歌搜索没有带来任何结果。

Answer 1

原来我看错地方了。 其中一位贡献者漏掉了这个元标记：<meta name="viewport" content="viewport-fit=cover" />，这是罪魁祸首。