html{font-size:?} 响应式魔法

今天我将向你们展示我为什么使用

html {
  font-size: 62.5%;
}

以及为什么我认为你也应该使用它。

我之所以给 HTML 添加字体大小属性，是因为它能极大地提升代码的实用性，方便后续的修改。例如，我们来看这个示例：

现在还有很多初级开发人员只是简单地修改内边距、外边距的值以及布局的显示方式。但是，在编写媒体查询时，还有另一个重要的参数需要修改，那就是字体大小。

为了方便起见，除非是特殊文本等，否则在设置字体大小属性时，都应该使用rem 单位。默认值为 1 rem = 16 px。
为了将其缩小到 10 px，并方便计算，我们设置 font-size: 62.5%。计算方法如下：16 px是字体大小的 100%，那么 62.5% 等于 10 px。这样设置后，我们在编写媒体查询时就可以根据需要为 font-size 设置任意值了。

正如你从我之前写的示例中看到的，如果字体宽度达到 380像素，我会将字体大小缩小到 50% 。所有字体都完美地适配了我的预期。

@media only screen and (max-width: 380px){

    html{
        font-size: 50%;
    }
}

如果你愿意，你也可以给边距、内边距、宽度等属性赋予rem 值，实际上任何属性都可以使用px值。随着字体大小根据你编写的媒体查询进行缩放，任何包含px值的元素也会发生同样的变化。借助这种神奇的功能，你可以在元素（例如 section、列表项等）之间设置这些属性，只需一行媒体查询代码即可完成所有工作。但有时你可能无法获得理想的效果。如果遇到这种情况，只需编写几行代码即可解决问题，而无需为每个元素编写不同的值。

这就是我所知道的，也是我能提供的。如果我遗漏了什么，请留言。

就这些啦，谢谢大家抽出宝贵时间听我讲。爱你们哦 <3