CSS 单位换算
免费 CSS 单位换算：px、rem、em、vw、vh、pt 互转，可改根字号与视口宽高，适合对照设计稿，本地计算。
💻 开发调试套件 · 本工具收录于该目录 · 查看套件目录
使用记录 0 展开
使用工具或停止输入约 3 秒后会自动保存输入内容，点击列表可恢复。仅存于本浏览器。
对照设计稿：改数字立刻换算。点下面任一结果即可复制。米、英寸请用 单位换算器。
点结果即可复制
使用说明
- 输入一个数值并选择单位
- 可改根字号、视口宽高，结果立刻更新
- 点击任一单位结果即可复制
CSS 单位说明
常用约定
- 默认 1rem = 16px，可改成设计稿根字号
- 1vw = 视口宽度的 1%，手机稿常按 375 宽来对
- pt / cm / in 按 CSS 96dpi 换算
CSS 单位换算常见问题
- 默认 1rem 等于多少？
- 默认按 16px，可改成 14 或设计稿规定的根字号。
- vw 怎么算？
- 1vw = 视口宽度的 1%。请按实际设备宽度填写，默认 375（常见手机稿）。
- 和长度单位换算有何区别？
- 通用单位换算面向米、英寸等；本页面向网页 CSS 单位。