用 font-size 设置文字大小最直接有效
HTML 本身没有独立的“文字大小标签”， 已被废弃，所有现代场景都靠 CSS 的 font-size 控制。它支持多种单位，不同单位适用不同场景，选错容易导致响应式失效或缩放异常。
-
px：固定像素，适合精确控制图标旁文字、按钮内文案等不需缩放的局部元素 -
em：相对父元素字体大小，嵌套深时容易叠加放大（比如父级1.2em，子级再设1.2em就变成 1.44 倍） -
rem：相对根元素（html）字体大小，推荐用于全局响应式——只需改一句html { font-size: 16px; }就能批量缩放 -
%：相对父元素百分比，行为和em类似，但可读性略差
行内样式快速调试用 style="font-size: ..."
临时改单个文字大小，不用写 CSS 文件，直接加 style 属性最快。注意引号必须成对，单位不能省略（font-size: 14 无效，必须是 font-size: 14px 或 font-size: 1.1rem）。
这段字会变大
这个 span 比根字号小 10%
缺点是无法复用、难维护，上线前建议抽到外部 CSS 或 CSS-in-JS 中。
用 vw 或 clamp() 实现文字随屏幕自适应
纯 rem 还得配合媒体查询做断点，更灵活的方式是用视口单位或函数：
