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



我有一组渐进式CSS媒体查询,遵循的一般格式

* {
font-size: 14pt;
}
@media screen and (min-width:85em) {
:
:
}
@media screen and (min-width:110em) {
:
:
}

我有两个浏览器在同一个屏幕上,完全相同的大小(包括滑块(,相同的缩放。Chrome正在进行85em查询,Edge正在进行110em查询。我假设浏览器之间的em单元不相同,但不确定原因。

这种行为是使用em单位固有的吗
是否有一种方法可以在浏览器之间标准化em大小,从而命中相同的媒体查询?

发现其中一个浏览器中的字体大小设置为大。它在前端并不明显,你必须查看浏览器设置。

最新更新