在前端开发中，px、rem 和 em 是 CSS 里最常用的长度单位。都能设定尺寸，但参照不同，效果也会不同。
什么是 px
px 是基于像素的固定单位，直观、易用，适合需要精确尺寸的场景，如边框、图标、小组件。
什么是 em
em 是相对于父元素字号的相对单位，会随父级变化，在嵌套布局中可能比预期更大或更小。
什么是 rem
rem 是相对于根元素（html）字号的相对单位，参照在全站一致，常用于响应式和可访问性。
何时用哪个
需要固定尺寸时用 px。 需要全局一致时用 rem：全局字号、间距、布局空隙。 em 适合需要随父级缩放的情况，如按钮内文字、组件内文本。
常见用法
现在很多团队用 rem 做文字和间距，用 px 做很小的东西比如边框。
为什么容易混淆
乍看单位很像，但参照不同，结果可能差很多，em 尤其会在父级嵌套下层层放大或缩小。
小结
px、rem、em 各有优劣，按「要固定尺寸、随父级、还是全站统一」来选。EveryUtil 的单位换算可以帮助你对比 px 和 rem 的数值。