批量调整文字大小应优先在body设基准字号（如16px），再按语义层级用rem微调；rem相对根元素缩放，改html font-size可全局联动，但需规避与第三方组件冲突及固定尺寸场景。
用 font-size 在外部 CSS 里统一控制文字大小
直接改 HTML 标签的 style 属性只能单点调整，维护成本高；真正批量调文字大小，必须靠外部样式表里的 font-size 规则。关键不是“怎么写”，而是“写在哪”和“写多细”。
推荐优先在 body 上设基准字号，再按语义层级微调：
-
body { font-size: 16px; }—— 大多数浏览器默认值，兼容性稳 -
h1 { font-size: 2rem; }—— 相对body倍数缩放，响应式友好 -
p, li, td { font-size: 1rem; }—— 统一正文流内容，避免遗漏 - 慎用
html { font-size: 62.5%; }这类“为 rem 服务”的全局缩放，容易和第三方组件冲突
为什么用 rem 比 px 更适合批量调整
rem 是相对于根元素（html）的字体大小，只要改一处 html 的 font-size，所有 rem 单位的文字会联动缩放；而 px 是绝对单位，每个选择器都得单独改。
但注意：不是所有地方都适合 rem —— 比如图标字体、固定高度的按钮内边距，用 px 或 em 反而更可控。
立即学习“前端免费学习笔记（深入）”；
