HTML中改文字大小必须用CSS的font-size,禁用已废弃的标签;推荐使用rem(根元素基准)、em(父元素基准)、px(固定像素)等单位,并注意viewport设置与html字体基准统一。

HTML 里改文字大小,别再用 了
这个标签在 HTML5 中已被完全废弃,浏览器可能渲染但属于非法标记,W3C 不再支持,校验会报错。实际项目中用了它,不仅影响可访问性(比如屏幕阅读器无法识别语义),还会让 CSS 覆盖逻辑混乱—— 的优先级低、行为不可控,且不响应视口缩放。
CSS 的 font-size 是唯一可靠方式
所有现代 HTML(含 HTML4 末期和全部 HTML5)都依赖 CSS 控制文字大小。关键不是“HTML 怎么写”,而是“CSS 怎么配”。常见单位和选择逻辑如下:
-
px:绝对像素,适合固定尺寸场景(如图标旁文字),但不利于用户缩放和无障碍 -
em:相对父元素font-size,嵌套深时容易放大/缩小失控 -
rem:相对根元素(html)的font-size,推荐用于响应式排版 -
%:同em,也是相对父级,语义稍弱 -
vw/vh:适合全屏标题类动态缩放,但小屏下易过小,需配合min-font-size
示例:
html { font-size: 16px; }
h1 { font-size: 2rem; } /* = 32px */
p { font-size: 0.875rem; } /* = 14px */
HTML4 和 HTML5 在文字大小上其实没语法差异
所谓“差异”是个误解。HTML4 时期虽允许 ,但它从来就不是标准推荐用法(早在 1997 年 W3C 就建议用 CSS 替代),只是浏览器兼容性好;HTML5 则直接移除该标签定义。真正变化的是规范态度:HTML4 是“不鼓励”,HTML5 是“不承认”。所以如果你还在写 ,问题不在“版本不兼容”,而在“从一开始就不该用”。
容易被忽略的兼容性细节
某些旧系统(如部分银行内网 IE8 环境)仍依赖 ,但这不该成为新项目妥协理由。真实痛点反而是:
立即学习“前端免费学习笔记(深入)”;
- 未设
html { font-size: 100%; }导致 rem 计算基准漂移(尤其在 Chrome 某些 zoom 级别下) - 用
em写按钮文字,而按钮又套在section里,结果section设了font-size: 1.2em,导致按钮文字意外放大 - 移动端未加
,px尺寸在 iOS 上被强制缩放,显示异常
rem 基准一旦设错,整站字体比例就全乱,而且不容易一眼看出是哪一层的问题。










