CSS 单位转换

怎么用

1. 设置根字号（rem 的参照）与父级字号（em 与百分比的参照）。
2. 选择你要粘贴的数值所属单位，例如数值来自设计变量文件时选 rem。
3. 每行一个数值粘贴进输入框；空行会被忽略，不是数字的行会被计为跳过。
4. 查看表格，每一行是同一长度在五种单位下的表示。
5. 复制表格，或下载为纯文本文件。

常见用法

• 设计变量迁移 —— 把一列 px 值批量转成 rem，再粘贴进样式表。
• 间距体系统计 —— 核对同一套间距在 px 与 rem 单位下是否对齐。
• 打印样式 —— 准备打印样式表时查看屏幕尺寸对应的 pt 值。
• 百分比尺寸 —— 算出某个 em 值相当于父级字号的百分之多少。

常见问题

问：表格里 em 和 rem 为什么不同？ 答：rem 始终相对根字号计算，而 em 与百分比相对父元素的字号计算。工具分别让你填这两个参照值，以便还原真实的嵌套场景。

问：pt 是怎么换算的？ 答：按 CSS 定义 1pt 等于 4/3 像素，因此 12pt 就是 16px。这也是浏览器在标准 96dpi 参照下采用的换算比例。

问：为什么有些行不见了？ 答：无法解析为数字的行会被跳过，并在按钮旁的状态里计数。去掉逗号、单位词等多余文字，让每行只保留一个数字即可。