问CSS字体大小:相对值和绝对值。用哪一种？

EN

用哪一种？

两者都有。相对于主体文本，用户将不得不阅读大量文本(因此他们希望能够轻松地阅读)；对于必须与页面中以像素为单位大小的其他元素(如图像)相匹配的文本，绝对文本。

对于亲属来说，‘%’和‘他们’是一样好的。

绝对而言，请始终使用“px”。不要在屏幕上使用‘pt’，它只对打印样式表是明智的。遗憾的是，‘pt’被认为是字体处理的默认单元，因为在web上，它是最糟糕的选择。

(埃塔:请注意，既然这个答案，CSS3有重新定义‘物理单位’，所以px和pt总是成比例的。因此，除非您关心的是非常老的浏览器，否则这个问题不再重要。)

有些人不喜欢相对字体大小的“复合”效应。真正的诀窍是尽量少使用字体大小的更改，以避免过多的嵌套。应该可以通过使用字体大小的关键字“小”/“中”/“xx-大”/等等来获得相对于用户的首选大小的行为，而不必使用组合行为，但不幸的是，这样的方式不会得到太多的粒度，而且即使在今天，浏览器处理它们的方式仍然存在差异。

我将字体大小保留为用户选择的默认值，然后使用相对大小：

body {
    font-size: 100%;
}

p {
    font-size: 1em;
}

h1 {
    font-size: 1.8em;
}

此方法尊重用户在浏览器中对字体大小的选择，通常设置为16 to。

就我个人而言，我在body上设置了一个绝对字体大小，然后将所有内容设置为相对于此。例：

body {
    font-size: 10px;    /* or pt if you want */
}
h1 {
    font-size: 200%;
}

只是尽量避免将复合相对大小组合在一起：

body {
    font-size: 10px;
}
p {
    font-size: 80%; /* 8px, right? */
}
div {
    font-size: 150%;
}
/* what size is a "div > p" ? */

现在所有的现代浏览器都有全页面缩放功能，这意味着即使用像素来调整字体的大小也是可以的。

这种方法的好处是，通过更改一个定义，您可以轻松地对所有文本进行大小调整。

缺点是，如果您想更改默认字体大小，但不更改标题(例如)，那么就会有很多声明需要更改。