css - 是否有 CSS 技巧可以在所有设备上获取默认字体大小

Question

CSS 中是否有任何独立于系统的方式来从浏览器获取标准文本字体大小，例如适合博客文章的东西？

我认为 em 会这样做，但是当我设置时，font-size : 1 em;我会在桌面上获得标准的文本字体大小，而在移动设备上会得到非常小的字体。

我知道有时操作系统可能不知道真正的 DPI。但是在移动设备上，浏览器不应该对可读文本的大小有一些粗略的了解吗？难道不应该有办法获取这些信息吗？

Answer 1

如果您使用的是 em，那么您首先需要为字体定义一个基本值。前任。：

body { font-size: 16px }

现在 1em = 16px。

大多数浏览器的默认用户代理字体大小为 16 像素，但您不应该依赖它。设置基值，然后开始使用 em。

Answer 2

如果您想要标准系统字体大小，您只需在 CSS 中执行此操作：

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
}

最佳做法是尽可能以相对单位（百分比、em）定义字体大小，以便它们根据目标设备的内置设置适当缩放。