css - 使用百分比作为字体大小？

Question

我最近读了一些关于调整字体大小的文章，其中大部分都 mock 使用 px 是一种不可原谅的罪行(好吧，也许没那么糟糕，你懂的)因为它在旧版浏览器中不能正确调整大小。

我真的很想有一个我自己使用的标准，过去是 px，只是因为它简单、易于理解并且相当容易实现设计中指定的确切字体大小 - 但我现在怀疑使用 px。

我最近在一个元素中使用了 em，因为它需要我使用 jQuery 实现的文本大小调整功能。但我发现它非常令人沮丧，因为如果你有两个元素在彼此内部并且都指定了 em 大小(希望有意义)，em 放大的方式

所以我想知道如何使用 % 来调整字体大小，我看到几个大网站使用这种技术(即 Yahoo)，据我所知，它似乎具有 em 的所有优点，而且没有令人难以置信的烦人放大的东西。

所以简而言之，我只是想知道在 CSS 中使用 % 来调整字体大小是否有任何问题？就字体大小调整而言，它会比使用 PX 更好吗？有什么明显的缺点吗？

如果问题之前的宣传有点多，我深表歉意:/我仍然有点习惯整个 QA 事情

Answer 1

在 CSS3 中，使用 rem(root em)。大小不会受到父元素的 em 大小的影响。

通过在 :root 伪元素上设置字体大小来设置根字体大小，如下所示:

:root {
    font-size: 16px;
}