一、概述
作为一个能开发前端的人员，CSS也是必备的技能之一，本章主要学习下字体大小的内容，作为前端小白，这个问题困扰我好久了，今天彻底给他学习下。
二、基础知识
常见的字体大小单位定义有px，rem两种。
rem是代表根元素的font-size的大小，通常1rem == 16px。
咨询了MarsCode，说明如下：
浏览器默认的字体大小通常是16像素（px）。这个大小是基于Web设计的标准，也被称为"基准字体大小"或"默认字体大小"。不同的浏览器和操作系统可能会有略微的差异，但16px是最常见的默认值。 然而，用户可以根据自己的喜好和需求调整浏览器的字体大小设置。在大多数浏览器中，可以通过浏览器的设置菜单或快捷键来更改字体大小。例如，在Chrome浏览器中，可以通过按下
Ctrl键并滚动鼠标滚轮来放大或缩小页面上的字体。 在CSS中，如果你想要使用相对单位（如em或rem）来设置字体大小，通常会将根元素（<html>）的字体大小设置为浏览器默认字体大小的倍数。
也就是说html定义的字体大小，大部分浏览器默认是16px。这个是不需要显示定义的。如果需要显示定义，如下：
html {
font-size: 16px;
}
rem常见的字体设置如下：
| 序号 | rem | px |
|---|---|---|
| 1 | 1rem | 16px |
| 2 | 0.875rem | 14px |
| 3 | 1.125rem | 18px |
| 4 | 1.25rem | 20px |
三、总结
知识点比较简单，深入一点的课题，可以看下如下两个方案：
- less + 媒体查询 + rem
- 淘宝flexible.js + rem
这次使用了MarsCode来辅助学习，内容搜索不错，与Cursor对比，最大的好处是免费，对学习来说足够了。
