我最近读了一些关于调整字体大小的文章,其中大部分都 mock 使用 px 是一种不可原谅的罪行(好吧,也许没那么糟糕,你懂的)因为它在旧版浏览器中不能正确调整大小。
我真的很想有一个我自己使用的标准,过去是 px,只是因为它简单、易于理解并且相当容易实现设计中指定的确切字体大小 - 但我现在怀疑使用 px。
我最近在一个元素中使用了 em,因为它需要我使用 jQuery 实现的文本大小调整功能。但我发现它非常令人沮丧,因为如果你有两个元素在彼此内部并且都指定了 em 大小(希望有意义),em 放大的方式
所以我想知道如何使用 % 来调整字体大小,我看到几个大网站使用这种技术(即 Yahoo),据我所知,它似乎具有 em 的所有优点,而且没有令人难以置信的烦人放大的东西。
所以简而言之,我只是想知道在 CSS 中使用 % 来调整字体大小是否有任何问题?就字体大小调整而言,它会比使用 PX 更好吗?有什么明显的缺点吗?
如果问题之前的宣传有点多,我深表歉意:/我仍然有点习惯整个 QA 事情
最佳答案
在 CSS3 中,使用 rem
(root em
)。大小不会受到父元素的 em 大小的影响。
通过在 :root
伪元素上设置字体大小来设置根字体大小,如下所示:
:root {
font-size: 16px;
}
关于css - 使用百分比作为字体大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10323792/