Next.js + Tailwind 网站放大 firefox

Question

我使用 Next.js 和 Tailwind CSS 开发了网站。测试时网站似乎在 Firefox 中放大，但在所有其他浏览器中看起来都很好。

当屏幕显示为 80% 时，该网站在 firefox 中看起来很好。这个问题的解决方案是什么，以便该网站在所有浏览器中显示相同。

谢谢

Answer 1

尝试在 globalStyle.css 文件中使用 css 重置。 只需从以下链接复制重置。 那应该可以解决你的问题

Answer 2

CSS 产品站点使用缩放属性设置布局。 尽量避免使用该属性，因为 firefox 不支持该属性。

Answer 3

对于仍在寻找解决方案的任何人，请在您的头部块中添加以下内容。 它对我有用。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover"></meta>