html - Firefox 和 IE 上的像素大小比 Chrome 中的大

我在设置字体大小时遇到问题，我不确定这是否是浏览器之间像素大小差异的原因。我在 index.html 文件中设置了以下元标记：

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0">

在我设置的 html 元素 CSS 中：

 font-size: 16px !important;

在元素的其余 CSS 中，我使用 rem 设置字体大小（相对于 16px 的 html 大小）

然而，我在 FF 和 IE11 上的大小仍然存在巨大差异 - 所有浏览器中的缩放设置为 100%，IE 11 中的文本大小设置为中等。

看起来不仅字体是问题，页面上的每个元素在这些浏览器上都是巨大的！只有 Chrome 会按应有的方式显示该站点。

有人知道这个问题吗？我要疯了这个。提前致谢！

这里有一些图片，所以你可以看到我在说什么：

标签： htmlcss

基本上像素是静态的，所以字体在任何地方都应该是相同的。

我在第二个屏幕截图中注意到地址栏右上角的缩小符号，这意味着您错误地缩小了页面。单击该符号，然后使其 100% 检查下面的屏幕截图以供参考。

我已经以黄色突出显示了类似的图标，您会在浏览器中找到它，单击它并使其成为 100%。希望这能解决你的问题