理解css中的长度单位
这篇文章把CSS里那些容易搞混的长度单位梳理了一遍。作者从“该用px还是rem”这个经典困惑出发，系统对比了px、em、rem、%、vw、vh等主流单位的核心机制。 文章重点解析了几个关键差异：比如`em`相对父元素字体大小，容易导致嵌套后尺寸失控；而`rem`统一基于根元素，更适合构建可整体缩放的布局系统。`vw`/`vh`直接关联视口尺寸，是做全屏或响应式设计的利器，但需注意在移动设备上可能引发的滚动条问题。 作者通过具体的代码示例和场景分析，说明了不同单位的最佳适用场合——用`rem`做全局样式基准，用`vw`适配视口，用`%`处理组件内部布局。最后，文章厘清了单位的选择逻辑，帮助开发者在实际项目中做出清晰决策。