Chrome 在设备上以不同的方式呈现基于 em 的字体大小

Posted 2023-03-06

【中文标题】Chrome 在设备上以不同的方式呈现基于 em 的字体大小

【英文标题】：Chrome renders em based font sizes differently on devices

【发布时间】：2012-12-19 02:45:56

【问题描述】：

我在比较布局中页面之间的字体大小时遇到​​问题。我在正文上用font-size: 100%; 设置字体，在我的段落标签上用font-size: 1em; 设置字体。

我有一个包含 CSS 列和单列布局的两列页面。字体在单列页面上呈现更大。在页脚和我网站的主要部分使用 font-size: .75em; 时，它的呈现方式也不同。

我已经确定它只是 Chrome 并且似乎导致了 Nexus 7 上的问题。该问题在 iPad 3 中的 Chrome 上不是问题。

有人有这方面的经验吗？

【参考方案1】：

这是 2 个不同的操作系统，通常在设备之间出现这些不规则性是很正常的。 EM是基于默认字体大小的，如果没有声明一个，取决于屏幕分辨率的操作系统将声明一个。 font-size:100% 不会做任何事情，你应该在正文中声明一个常量字体大小，即 font-size:12px。

那么你应该有一致性或接近它。