设置字体大小或?

时间:2013-06-24 16:39:54

标签: css font-size

在CSS文件中设置基本字体大小的最佳做法是什么?最好在<html>元素或<body>元素上声明字体大小?

我正在使用REM单位(对于&lt; IE9使用基于px的回退)并且似乎更好的做法是执行以下操作:

html { font-size: 100% }
body { font-size: 1rem }

......而不是:

body { font-size: 100% }

原因:如果您想对媒体查询中的字体大小进行全局更改,后一种方法似乎不起作用,而前者则不行。

2 个答案:

答案 0 :(得分:5)

我会在“html”元素上设置初始字体大小,以使您的根字体大小在媒体查询中保持一致。

答案 1 :(得分:-2)

font-size元素上声明html几乎没有意义,除非您打算在head元素中将某些内容显示为页面的一部分,这是非常罕见的,通常是没用的想法。除此之外,这样的设置只能通过继承body元素才有效,那么为什么不直接在body上设置大小?

无法猜出你的样式表应该做什么。两种替代方案都没有任何实际效果,除非用于覆盖其他样式表中的设置。您应该将媒体查询的问题表示为一个单独的问题,描述一个实际的问题,用演示它的代码说明。