css - 将字体大小设置为 on 或 ?

Question

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

我正在使用 REM 单位（对于 < IE9 使用基于 px 的后备），执行以下操作似乎更好：

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

...而不是：

body { font-size: 100% }

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

score 5 · Accepted Answer

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

score -2 · Accepted Answer

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

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

2 回答 2