CSS单位换算器，一键完成EM转PX、PX转EM、REM转PX、PX转REM。支持自定义基准字号（默认16px），附带常用对照表。前端开发响应式设计必备。
EM⇄PXREM⇄PX对照表实时换算⚙️ 基准设置
📐 EM → PX
1em × 16px = 16px
⇄
-
0.5em = ?px
-
0.75em = ?px
-
1em = ?px
-
1.5em = ?px
-
2em = ?px
CSS单位换算：EM、PX、REM的区别与使用场景
PX（像素）是绝对单位，1px始终等于屏幕上的一个物理像素点。适合边框、阴影等精确尺寸。
EM是相对单位，相对于当前元素的font-size。嵌套元素会层层累积，适合组件内部缩放。
REM（Root EM）是相对单位，相对于根元素（html）的font-size，不受嵌套影响。适合全局响应式布局。
换算公式：EM × 父元素字号 = PX，REM × 根字号 = PX，PX ÷ 父元素字号 = EM。
❓ 关于CSS单位换算
EM和REM有什么区别？
EM相对于父元素的font-size，嵌套时会层层累积（例如嵌套列表每层都会放大）；REM相对于根元素（html）的font-size，所有地方保持一致。现代CSS推荐用REM做全局间距和字体大小，EM用于组件内部的局部缩放。
为什么默认基准字号是16px？
浏览器默认字号就是16px（即1rem = 16px）。如果你在html设置 font-size: 62.5%（即10px），那么1rem = 10px，计算更方便。本工具支持自定义基准字号，你也可以用10px按钮快速切换。
这个工具收费吗？
CSS单位换算器完全免费使用，无需注册登录。所有计算在浏览器本地完成，数据绝不上传服务器，保护你的隐私安全。
支持哪些换算方向？
支持EM→PX、PX→EM、REM→PX、PX→REM四种换算方向，点击交换按钮可快速切换方向。还附带EM/PX/REM常用对照表，一目了然。