在线尺子准不准？大多数都不准，原因在这里

搜索"在线尺子"，打开第一个结果，把信用卡贴到屏幕上一比——差了 20%。偏大或偏小都有可能。尺子是错的，而且大部分都是错的。

这不是什么谜。几乎所有在线尺子都犯了同一个错误，而这个错误完全可以预见。

96 PPI 的谎言

CSS 规范定义 1 英寸 = 96 像素。每个浏览器都遵循这个约定。所以当一个网站画一条 96 像素的线并标注为"1 英寸"时，浏览器不会报错。

问题在于：96 PPI 从 CRT 显示器时代之后就不符合现实了。 现代屏幕的 PPI 从 92（普通 24 寸桌面显示器）到 460 以上（iPhone 15 Pro）不等。在 460 PPI 的屏幕上画 96 像素，得到的线还不到 5 毫米——离 1 英寸差了十万八千里。

大多数在线尺子做的就是这件事：画像素，标上厘米或英寸，但从不检查这些像素在你的屏幕上是否真的对应那些物理单位。

我们测试了 6 个常见在线尺子

为了看看问题有多严重，我们在三种设备上测试了六个常用在线尺子工具：24 寸 1080p 显示器（92 PPI）、13 寸 MacBook Air（227 PPI）和 iPhone 15（460 PPI）。

测量基准是标准信用卡（宽 85.6 毫米，ISO 7810 标准）。

| 工具 | 24 寸显示器 | MacBook Air 13 寸 | iPhone 15 | |------|-----------|------------------|-----------| | 工具 A（无校准） | -4% | +58% | +380% | | 工具 B（无校准） | -3% | +61% | +372% | | 工具 C（手动输入 DPI） | 设置后准确 | 设置后准确 | 不支持手机 | | 工具 D（固定 96 PPI） | -4% | +58% | +380% | | 工具 E（号称自动检测） | -8% | +42% | +210% | | Screen Ruler Online（校准后） | < 1% | < 1% | < 1% |

规律很明显：跳过校准的工具只在一种屏幕上碰巧接近正确——就是 PPI 恰好接近 96 的那种。在笔记本上偏差 40-60%，在手机上偏差 200-400%。

"自动检测"为什么通常不靠谱

有些工具声称能用 window.screen.width、devicePixelRatio 或用户代理字符串自动检测屏幕尺寸。听起来不错，但实际经常翻车：

浏览器报告不可靠。 screen.width 返回的是 CSS 像素，不是物理像素。DPR 为 2 的 MacBook 上，浏览器报告宽度 1440 像素，但物理宽度是 2880 像素。不知道 DPR 和屏幕的物理尺寸，算不出来。

显示缩放打破假设。 Windows 用户经常用 125% 或 150% 缩放。macOS 根据显示设置调整"有效分辨率"。两者都改变了报告像素和物理尺寸的关系。

缩放级别看不见。 如果你几个月前把浏览器缩放调到了 110% 然后忘了，每个基于像素的测量都会偏移 10%。大多数自动检测方法不考虑这个。

外接显示器搅局。 很多人笔记本接外屏使用。浏览器可能报告的是笔记本屏幕的参数，但实际渲染在外接屏上，或者反过来。

校准到底怎么工作

校准绕开了上面所有问题，直接测量现实。

原理：把一个已知尺寸的实物放在屏幕上，调整尺子直到屏幕图像和实物完全吻合。这样就得到了 CSS 像素和物理毫米之间的精确比值——针对你的屏幕、你当前的缩放级别、你当前的显示设置。

Screen Ruler Online 支持多种校准物：

信用卡/借记卡（85.6 × 54.0 毫米）——最常用的选择，几乎人人随身带
美国 25 美分硬币（直径 24.26 毫米）
欧元 1 元硬币（23.25 毫米）
英镑 1 英镑硬币（23.43 毫米）
印度 5 卢比硬币（23.0 毫米）
A4 纸（297 × 210 毫米）

推荐用信用卡，因为：

尺寸全球统一标准（ISO 7810）
面积够大，便于精确对齐
坚硬平整，不会弯曲变形
几乎每个人身边都有一张

校准完成后，设置保存在浏览器本地存储中。除非换设备、换屏幕或调整显示缩放，否则不需要重新校准。

实际能达到什么精度？

正确校准后的合理预期：

| 屏幕类型 | 预期精度 | 原因 | |----------|----------|------| | 手机（300+ PPI） | ±0.3 毫米 | 像素密度高，分辨率细 | | 平板（200-300 PPI） | ±0.5 毫米 | 密度不错，校准面积大 | | 笔记本（150-250 PPI） | ±0.5 毫米 | 因型号而异 | | 桌面显示器（90-160 PPI） | ±1.0 毫米 | 密度低，步进粗 |

这些数字的前提是认真校准——参照物要精确对齐，不是"差不多就行"。低 PPI 屏幕上的限制因素不是软件，而是物理像素的大小。92 PPI 显示器上每个像素约 0.28 毫米宽，测量不了比这更小的东西。

几个提高精度的小技巧

在 100% 缩放下校准。 校准前把浏览器缩放重置到 100%（Ctrl+0 / Cmd+0）。在其他缩放级别校准的话，测量只在那个缩放级别下准确。
信用卡优于硬币。 参照物越大，对齐误差的影响越小。85.6 毫米的卡上偏 1 毫米是 1.2% 误差，24 毫米的硬币上偏 1 毫米是 4.2% 误差。
贴平屏幕。 把卡紧贴屏幕表面，卡和屏幕之间有角度或间隙都会引入误差。
变化后重新校准。 从笔记本屏幕换到外接显示器？重新校准。改了显示缩放？重新校准。把平板从竖屏转到横屏？校准理论上还有效，但建议验证一下。
在屏幕中央测量。 部分曲面屏或背光不均匀的屏幕边缘可能有轻微尺寸偏差。尽量用中央区域测量。

结论

在线尺子不是天生就不准——只是建立在一个错误的假设上。CSS 定义的"英寸"在今天大多数屏幕上和物理英寸毫无关系。

校准只需要十秒钟，就能消除所有猜测。把信用卡放到屏幕上，调整滑块，你的屏幕就变成了一把真正的尺子——在大多数设备上精度在半毫米以内。