在CSS文件中设置基本字体大小的最佳做法是什么?最好在<html>
元素或<body>
元素上声明字体大小?
我正在使用REM单位(对于&lt; IE9使用基于px的回退)并且似乎更好的做法是执行以下操作:
html { font-size: 100% }
body { font-size: 1rem }
......而不是:
body { font-size: 100% }
原因:如果您想对媒体查询中的字体大小进行全局更改,后一种方法似乎不起作用,而前者则不行。
答案 0 :(得分:5)
我会在“html”元素上设置初始字体大小,以使您的根字体大小在媒体查询中保持一致。
答案 1 :(得分:-2)
在font-size
元素上声明html
几乎没有意义,除非您打算在head
元素中将某些内容显示为页面的一部分,这是非常罕见的,通常是没用的想法。除此之外,这样的设置只能通过继承body
元素才有效,那么为什么不直接在body
上设置大小?
无法猜出你的样式表应该做什么。两种替代方案都没有任何实际效果,除非用于覆盖其他样式表中的设置。您应该将媒体查询的问题表示为一个单独的问题,描述一个实际的问题,用演示它的代码说明。