HTML:不同的浏览器以不同的实际 px 大小呈现 1em 有多常见？

Question

如您所知，您可以使用 CSS 以 px 或 em 为单位指定尺寸。据我了解，em 的意思是“当前元素字体的行高”。我目前的方法是始终使用 px(也用于边距，这似乎是一种有争议的做法)。

问题:我能否保证 px 和 em 的比例在不同浏览器中保持一致？如果不是，那么我手动指定的段落之间的边距可能看起来很奇怪，因为它们不再匹配 1em。

我认为最好使用 em 作为边距，但我有相当一部分现有代码始终使用 px 边距。

Answer 1

没有。 em 是相对于用户选择的字体大小的，px 不是。桌面浏览器的默认字体大小以像素为单位大致相同，但移动设备尤其是在用户调整之前会有所不同。

您应该使用 em 作为文本内容的边距，它的大小应该与周围的字体相似，而 px 用于必须与所用图像对齐的边距通过页面布局。