直接用style的font-size可调整文字大小,但需注意单位选择、继承关系及浏览器默认样式干扰;px直观固定,em相对父元素,rem相对根元素,内联样式适合临时调试而非全站控制。

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

















