什么时候用 rem，什么时候用 em？

rem 相对于根字体大小，适合用于边距、内边距和布局等需要一致性的场景。em 相对于父元素字体大小，适合组件中需要随父级缩放的嵌套字体大小。

视口单位（vw、vh）是怎么计算的？

1vw 等于视口宽度的 1%，1vh 等于视口高度的 1%。适合用于需要自适应浏览器窗口大小的全宽或全高布局。

百分比取决于所在元素和具体 CSS 属性，没有通用的转换系数。本工具仅支持具有固定、可预测转换基准的单位。

根字体大小 (px)

父级字体大小 (px)

宽度 (px)

高度 (px)

精度

CSS 单位转换器是一款免费在线工具，支持 px、rem、em、vw、vh、vmin、vmax 之间的相互转换。支持自定义根字体大小和视口尺寸，可批量转换 CSS 代码。完全在浏览器中运行。

CSS 单位转换器可以即时在 CSS 长度单位之间转换——px、rem、em、vw、vh、vmin、vmax。设置根字体大小、父级字体大小和视口尺寸即可获得准确的转换结果。

粘贴 CSS 代码进行批量转换，或使用参考表查询常用的 px 到 rem、px 到 vw 的对照值。

粘贴 CSS 代码进行批量转换，或使用参考表查询常用的 px 到 rem、px 到 vw 的对照值。