HTML单位区别详解：新手入门指南

本文深入解析了CSS中px、em、rem、%、vw/vh等常用样式单位的本质区别与实际陷阱：px是稳定可靠的绝对单位，em因依赖父级font-size而易在嵌套中失控，rem凭借根元素基准成为响应式布局的主力，%则需根据具体属性判断参照对象（常被误认为统一参照父宽），vw/vh虽直观但受iOS Safari视口动态变化影响，需谨慎使用dvh等新方案；核心提醒新手——样式失效往往不是代码写错，而是单位参照物理解偏差所致，选择单位的关键在于“参照物是否稳定、可控、可预期”。

HTML 样式代码本身不直接“用”，真正起作用的是 style 属性或