在 CSS 媒体查询中使用 em 单位会导致跨浏览器的结果不一致

Question

我有一组渐进式 CSS 媒体查询，它们遵循以下一般格式：

* {
font-size: 14pt;
}

@media screen and (min-width:85em) {
:
:
}
@media screen and (min-width:110em) {
:
:
}

我在同一屏幕上有 2 个浏览器，大小完全相同（包括滑块），缩放比例相同。 Chrome 遇到了 85em 的查询，而 Edge 遇到了 110em 的查询。我假设浏览器之间的 em 单位不一样，但不确定为什么。

这种行为是使用 em 单位所固有的吗？
有没有一种方法可以跨浏览器标准化 em 大小，以便命中相同的媒体查询？

Answer 1

事实证明，其中一个浏览器中的字体大小设置为大。它在前端并不明显，您必须查看浏览器设置。