直接用style的font-size可调整文字大小，但需注意单位选择、继承关系及浏览器默认样式干扰；px直观固定，em相对父元素，rem相对根元素，内联样式适合临时调试而非全站控制。
直接用 style 里的 font-size 就能调，但单位选错或没考虑继承，文字可能不按你想的变大变小。
用 font-size 内联样式最简单
在标签里加 style="font-size: XX;"，比如：
这段字是 16 像素
这个标题是父元素字体的 2 倍
-
px最直观，写多少就是多少像素，适合固定尺寸场景 -
em相对于父元素的font-size，嵌套深了容易算错 -
rem相对于根元素（）字体大小，更适合响应式，但内联样式里少用 - 别写
font-size: large;这类关键字——语义模糊，浏览器渲染不一致
常见调不大的原因：继承和默认样式干扰
浏览器对不同标签有默认字号（比如 默认比 大），光改一个子元素可能被父级压制。
- 检查父容器是否设了
font-size: 0.8em;，那你的16px实际会再缩小 -
、等语义标签自带缩放，内联font-size能覆盖，但得写得比默认值更“硬” - 如果用了 CSS 框架（如 Bootstrap），它可能重置了基础字号，
16px在某些上下文里实际显示更小
移动端适配时 px 和 vw 的坑
纯内联样式做响应式很吃力，但真要用，注意：
立即学习“前端免费学习笔记（深入）”；
-
font-size: 4vw;是视口宽度的 4%，在小屏上可能小到看不清，大屏又撑爆容器 - iOS Safari 对小于
16px的font-size会强制放大（防误触），哪怕你写了12px也可能无效 -
安卓部分 WebView 会忽略
vw单位的内联样式，建议只在支持明确的环境用
内联 font-size 适合临时调试或邮件 HTML 这类不能外链 CSS 的场景；真要管住全站文字大小，还是得靠 CSS 类和根字号控制——但那是另一回事了。
