在 <html> 或 <body> 上设置字体大小？答案

【问题标题】：Set font-size on <html> or <body>?在 <html> 或 <body> 上设置字体大小？
【发布时间】：2013-06-21 06:17:12
【问题描述】：

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

我正在使用 REM 单位（对于

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

...而不是：

body { font-size: 100% }

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

在html 元素上声明font-size 没有什么意义，除非您打算使head 元素中的某些内容作为页面的一部分可见，这是非常罕见的并且通常是无用的想法。除此之外，这样的设置只能通过继承body 元素产生影响，那么为什么不直接在body 上设置大小呢？

不可能猜测您的样式表应该做什么。除非用于覆盖其他样式表中的设置，否则这两种选择都没有任何实际效果。您应该将媒体查询的问题表述为一个单独的问题，描述一个实际问题，并用演示它的代码进行说明。

【讨论】：