速查在线工具箱屏幕上的尺子，为什么量出来不是真实尺寸？
浏览器拿不到屏幕的物理尺寸，只知道分辨率与像素比。所以「自动识别」必然有误差，摆一张实物校准才准。
因为网页绘制的最小单位是 CSS 像素，而 CSS 像素不是固定的物理长度。它的换算关系是：物理长度 = CSS 像素 × 像素比 ÷ 每英寸像素数。浏览器能给出分辨率、视口尺寸和像素比，但拿不到屏幕的物理英寸或毫米。
缺少分母，就没有唯一答案。历史上曾以「每英寸 96 个 CSS 像素」作为大致标准，但在现代设备上，同样 96 个 CSS 像素的实际长度可以从十几毫米一直到三十毫米以上。
所以「用实物校准」不是退而求其次，而是唯一可靠的办法：让屏幕上的一段刻度去对齐一个已知尺寸的物体，求出你这块屏、这个缩放设置下的一英寸等于多少 CSS 像素。
在线尺子是个很朴素的需求：手边没尺子，屏幕上有。但它的精度上限由硬件决定——低像素密度屏幕一个物理像素本身就有零点几毫米宽，细到一定程度就画不出来了。
影响精度的变量有四个，而且大多不是「软件能自动搞定」的类型：像素密度、设备像素比、系统显示缩放、浏览器缩放。
这一篇讲清换算关系、校准物的选择与常见故障的排查顺序。
1四个变量与换算关系
任何一项变化都会让已保存的校准失效，这是「换了屏幕就不准」的根本原因。
| 变量 | 它改变了什么 | 表现 |
|---|---|---|
| 像素密度 | 每英寸有多少物理像素 | 同样 CSS 像素在不同设备物理长度不同 |
| 设备像素比 | 一个 CSS 像素覆盖几个物理像素 | 高清屏上一个 CSS 像素更大 |
| 系统显示缩放 | 操作系统在像素比上的额外乘数 | 改缩放后整体尺寸变化 |
| 浏览器缩放 | 页面内再乘一层比例 | 非 100% 缩放会让所有基于像素的测量偏移 |
换算公式要记住的是这三项的关系：物理长度取决于 CSS 像素数、像素比与像素密度三者，缺一个就解不出来。
2校准物的选择
选一个尺寸全球统一、够大、够硬、人人手边都有的东西，卡片正好全部满足。
| 校准物 | 尺寸 | 优点 |
|---|---|---|
| 银行卡／身份证等标准卡 | 85.60 × 53.98 毫米 | 尺寸全球统一，面积大易对齐，平整不变形 |
| A4 纸 | 297 × 210 毫米 | 好找，面积大 |
| 已知直径硬币 | 各国不同 | 矮小轻薄，适合小尺寸校准 |
| 已知对角线屏幕尺寸 | 按机型 | 不用实物，但精度较低，只作起点 |
卡片尺寸来自 ID-1 规格，全球统一到零点几毫米以内，所以它成了在线尺子最常用的校准物。对齐时要用长边，视线反馈更明显。
3校准后的合理预期与排查
校准做对了，精度仍有上限；量不准时按下面顺序查。
- 精度预期
- 手机上可到零点几毫米，笔记本多半毫米，桌面显示器约一毫米量级
- 先查缩放
- 浏览器缩放不在 100% 是最常见原因，先复位再复测
- 再查系统缩放
- 改过系统显示缩放就要重新校准
- 再查屏幕
- 换了外接显示器或多屏之间移动窗口，都要重新校准
- 最后查参照物
- 参照物没对齐、边缘有倒角，也会带来肉眼可见的偏差
要量有精度要求的东西（加工、医疗、安全相关），请用实物量具；屏幕标尺的定位是「手边没工具时的快速估量」。
顺着这个问题往下用
全部工具总览 →相关疑问
为什么同一块屏幕，今天量得准、过几天就不准了？
多半是浏览器缩放被改过（快捷键或触摸板手势），或者系统显示缩放变了。校准值保存的是「当时的换算比」，前提一变就失效。
校准值保存在哪里？
通常保存在浏览器的本地存储里，按站点或应用隔离。所以换浏览器、换设备、或者从网页版切到安装到桌面的版本，都可能要重新校准。
手机上的尺子准吗？
手机像素密度高，校准后精度反而更好（可达零点几毫米），但要先把浏览器缩放复原再校准。
没有银行卡怎么校准？
可以用 A4 纸的已知边长，或者按机型选择预设的屏幕对角线尺寸——后者的定位是「不错的起点」，仍建议用实物复核。
继续看：相关问题与资料
全部问题解答 →内容说明：本页针对具体使用问题作答，方法步骤与数值由本站自行整理与复算，事实性内容以对应官方规范与文档为准。内容最后核对日期：2026-10-09。若发现错误，欢迎通过页脚反馈入口告知。