CSS单位速查表：px基准单位换算在线工具

使用方法

打开页面默认就带示例：源单位选 px、数值填 100，下面九宫格已经显示 px、in、pt、pc、cm、mm、rem、em、vw 各自的等价长度，你不需要先输入任何东西。
在「源单位」里选你手上的单位，在「数值」里填它的量，点「换算」按钮，页面会把这一长度换算成其他八种单位同时列出。
在数值输入框按回车也会立即重算，不必点按钮；结果区是当场算出来的，不是固定文案。
想反查也行：比如手上是 2cm，把源单位切到 cm、数值填 2，就能看到它等于多少 px、多少 pt，方便你核对设计稿标注。
点「复制对照表」复制下面速查表的制表符分隔文本，可粘进表格软件；需要存档时点「导出 CSV」。
本页不联网、不写本地存储，刷新即回到默认示例，所有换算都在你自己的浏览器里完成。

这个 CSS 单位速查表能解决什么

写 CSS 时，px、em、rem、pt、cm 这些单位常常要互相换算：设计稿用 px，打印样式用 pt，海外规范用 cm，响应式用 vw。手工拿计算器除来除去既慢又容易错。CSS单位速查表把这些常数固化下来，一键给出九种单位的等价长度，让你把精力放在布局而非算术上。

第一类用途是设计稿落地。设计师给你 24px 的间距，你想知道在 pt 印刷稿里是多少、在 rem 体系（根 16px）下是多少，本表直接给数，省去翻规范。

第二类用途是打印与海外适配。给打印机出样式要用 pt（1pt=1/72in），给欧洲客户做页面可能用 cm/mm；本表把英寸、点、派卡、厘米、毫米的常数都列清，跨场景切换不抓瞎。

第三类用途是响应式与无障碍校对。vw 是按视口宽度的百分比单位（本表假设视口 1920px，1vw=19.2px），rem/em 与根字号挂钩（本表假设 16px）。当需要确认「某个 vw 值在大屏上到底多少 px」时，本表一查即得。

第四类用途是团队规范与代码评审。新人常把设计稿的 px 直接写死，或在 pt/cm 之间随意切换，评审时难以统一。把本表的常数贴进团队 Wiki，大家查同一张表，能减少「你这用的什么单位」的低效争论，统一前端的尺度语言；CI 里也可以引用同一组常数，避免不同人算出不同结果。

第五类用途是教学与面试准备。前端面试常考「rem 和 em 区别」「vw 是什么」，用本表当场算一遍比背定义更扎实；老师讲 CSS 单位时也能投屏演示，学生改一个数立刻看所有单位怎么变，互动感强，也比干讲公式更容易记住。

值得一提的是，本页所有换算都在本地完成，不联网也不上传。你可以把项目里的尺度常量随时查、随时换，结果不会被任何服务器记录，适合在离线环境或私密项目里使用。即便断网，打开本地缓存的页面也能照常查值，不会因为没网就卡住排期。

原理和变量

CSS单位速查表的底层只有一条：先统一到 px，再各自除回去。基准是屏幕 96dpi，因此 1in = 96px；由此推出 1pt = 1/72in = 96/72 = 1.3333px，1pc = 12pt = 16px；物理长度上 1in = 2.54cm，所以 1cm = 96/2.54 = 37.7953px、1mm = 3.7795px。相对单位里，rem 与 em 在「根字号 16px」假设下各等于 16px；vw 在「视口宽 1920px」假设下 1vw = 19.2px。换算公式：目标值 = (输入值 × 源单位每单位 px 数) ÷ 目标单位每单位 px 数。下面的变量表列出全部常数，注意 rem/em/vw 都依赖假设，真实页面里取决于根字号与视口。

单位	每单位 = ? px	说明
px	1	像素，基准单位
in	96	英寸，96dpi 下
pt	1.3333	点，1/72 in
pc	16	派卡，12 pt
cm	37.7953	厘米，96/2.54
mm	3.7795	毫米，1/10 cm
rem	16	假设根字号 16px
em	16	假设当前字号 16px
vw	19.2	假设视口宽 1920px

实际用表里还有两个易错点要特别提醒。一是舍入失真：本表保留 4 位小数，像 1px=0.0265cm 这种极小量，若只留 2 位会变成 0.03cm，差出一成多，所以查精细尺寸时请保留足够位数，不要随手四舍五入。二是相对单位的「相对」二字——rem/em 真的随根字号变，vw 真的随视口变，本表给的只是「根字号 16px、视口宽 1920px」假设下的快照，换环境要按公式重算，不要死记某个数字，否则在别的项目里会算错。

最后补充一点历史背景，方便你理解为什么偏偏是 96：早期 Windows 把系统 DPI 设成 96，CSS 规范为了和当时主流屏幕对齐，就把「1in = 96px」写进了标准，于是 cm/mm/pt/pc 全都由这个 96 推出来。今天高 DPI 屏普及了，但规范常数没变，所以本表依然以 96 为基准；真正做物理精度（如打印校样）时，请以输出设备的真实 DPI 为准，本表更适合屏幕与网页场景的通用查值。

完整示例

下面这组示例全部由页面算法原样得出，可直接对照你的手算。源单位 px、数值 100：先得 100px，再分别除以各单位的 px 常数，得到 in=100/96=1.0417、pt=100/1.3333=75.0000、pc=100/16=6.2500、cm=100/37.7953=2.6458、mm=100/3.7795=26.4583、rem=em=100/16=6.2500、vw=100/19.2=5.2083，与上方九宫格、下方对照表完全自洽。再看源单位 cm、数值 2：2cm = 2×37.7953 = 75.5906px，反推回去和表格中 192px≈5.08cm 等比关系一致，便于交叉验证。如果你手上的设计稿写的是 24px 间距，对照表里 24px 正好对应 0.25in、6.35mm、18pt，直接抄数即可；反过来看到 1pc 想确认多少 px，表里 16px 一行一目了然。这种双向查值正是速查表比临时搜索更快的地方，也不用担心搜到不同站点给出互相打架的常数。

100 px
1.0417 in
75.0000 pt

100 px
2.6458 cm
26.4583 mm

100 px
6.2500 rem
6.2500 em

例：px=100
 in = 1.0417   pt = 75.0000   pc = 6.2500
 cm = 2.6458   mm = 26.4583   rem = 6.2500
 em = 6.2500   vw = 5.2083

常用 px 值对应其他单位对照表

下表列出常用 px 值在 in、cm、mm、pt 下的等价长度（共 14 行），前 12 行直接展示，点「加载更多」展开剩余项。你可以一键导出 CSV（带 BOM，Excel 直接认中文）或复制 TSV 粘进表格软件。所有数值都由本页同一常数得出，保留 4 位小数。

px	in	cm	mm	pt
1	0.0104	0.0265	0.2646	0.7500
8	0.0833	0.2117	2.1167	6.0000
12	0.1250	0.3175	3.1750	9.0000
16	0.1667	0.4233	4.2333	12.0000
24	0.2500	0.6350	6.3500	18.0000
32	0.3333	0.8467	8.4667	24.0000
48	0.5000	1.2700	12.7000	36.0000
64	0.6667	1.6933	16.9333	48.0000
96	1.0000	2.5400	25.4000	72.0000
128	1.3333	3.3867	33.8667	96.0000
192	2.0000	5.0800	50.8000	144.0000
256	2.6667	6.7733	67.7333	192.0000
384	4.0000	10.1600	101.6000	288.0000
512	5.3333	13.5467	135.4667	384.0000

结果边界与错误提示

数值框留空或填非数字时，提示会点名当前值「数值「x」不合法：必须是数字」，页面不会自作主张用 0 去猜，也不会拿空值硬除。
数值填负数时，提示「数值「x」不合法：不能为负」，因为长度不可能是负；本页不会算出负的 px 来误导你的排版决策。
数值过大（超过十亿）时，提示「数值不合法：超出范围」，避免浮点溢出产生失真的大数。
rem、em、vw 三项是「假设值」：rem/em 依赖根字号 16px、vw 依赖视口宽 1920px；真实项目里请按你的 :root 与媒体查询调整，本表仅作通用参考。
结果区（错误区）带 role="alert" 语义，内容一变就会被屏幕阅读器播报；所有换算本地完成，不联网也不写存储，刷新即还原默认示例。
CSV 导出在文件头写入 UTF-8 BOM（\ufeff），Excel 打开中文不会乱码；TSV 复制是纯制表符分隔文本，粘进任意表格软件都会自动分列。
所有结果保留 4 位小数，格式全程统一，不会因为刚好是整数就省略小数位，方便你逐项核对设计稿标注。
本表只做长度单位换算，不处理角度、时间、频率等其他量纲；如果你要换算的是这些，请另选对应工具，不要套用这里的常数。

常见问题

为什么 1in 等于 96px？

这是 CSS 规范规定的参考像素密度：1in 对应 96px（即 96dpi 的假设）。所有物理单位（cm、mm、pt、pc）都从这个 96 推出来，所以本表以 px 为基准、1in=96px 是源头常数。

rem 和 em 为什么都是 16px？

因为本表假设根字号（html 的 font-size）为 16px，这也是浏览器默认值。rem 永远相对根字号，em 相对当前元素字号；在默认未改写时二者都落到 16px。若你项目里改了根字号，请按比例换算。

vw 为什么是 19.2px？

vw 是视口宽度的 1%，本表假设视口宽 1920px，所以 1vw = 19.2px。如果用户屏幕是 1280px，则 1vw = 12.8px；真实页面里 vw 会随视口变化，本表只是基于常见大屏的参考值。

pt 和 px 怎么选？

屏幕显示优先用 px（或 rem/em 做可伸缩），打印样式优先用 pt（印刷行业标准，1pt=1/72in）。两者换算常数固定，本表一行就能查到 24px 等于多少 pt。

cm/mm 在网页里常用吗？

不常用，但在需要物理尺寸对齐的场景（如打印、证书、发票模板）会用到。本表给出 cm/mm 与 px 的固定比例，方便你把「3cm 边距」精确转成 px。

结果和别家工具差一点点？

多半是舍入或假设不同：本表 cm 用 2.54、vw 用 1920、rem/em 用 16。如果对方用了不同视口或根字号，vw/rem 会不一样，属正常差异，请确认假设一致再比对。

导出的 CSV 为什么带 BOM？

因为 Excel 打开无 BOM 的 UTF-8 文件时常把中文显示成乱码，BOM 能让 Excel 正确识别编码。TSV 复制走剪贴板不经文件，所以不需要 BOM。

我的数据会上传吗？

不会。所有换算在浏览器本地进行，不联网、不写存储，刷新即还原默认示例，没有任何数据离开你的设备，可以放心用于私密项目的尺度核对。

CSS 单位速查表：以 px 为基准的单位换算