在线尺子 — 厘米、毫米和英寸真实实际尺寸
真正符合物理比例的屏幕标尺。只需拿任意银行卡校准一次——全球所有的标准卡片宽度皆恰好为 85.60 mm——显示屏上的厘米和英寸刻度即变为真实的实际物理尺寸。拖动标记线即可读取厘米、毫米以及十六分之一英寸数值,支持切换为垂直直尺,校准数据还会自动保存以便下次使用。
使用场景
如何使用真实尺寸在线尺子
将任意信用卡、储蓄卡或身份证平贴在屏幕上,拖动滑块直至线框与卡片宽度完全吻合。只需这一步拖动,页面即可获取你屏幕的真实 DPI。
手头没有卡片?切换到“屏幕尺寸”并输入显示器标称的对角线英寸数;如果已知每英寸像素数,也可直接前往“输入 DPI”。
将测量物体贴在尺子上,在刻度区任意位置拖动即可移动红色标记线。方向键可每次微调一个像素,按住 Shift 配合方向键可每次移动十个像素。
读数区域会同时显示厘米、毫米、十进制英寸以及最接近的十六分之一英寸。测量较高物体时可切换为垂直尺;校准结果会自动同步并保存供下次使用。
常见问题
- 为什么一定要先校准?
- 无论在何种屏幕上,CSS 都固定将一英寸定义为 96 像素,因此未校准的屏幕尺子仅在极少数巧合下才准确。在 141 DPI 的笔记本电脑上,画出的“一厘米”会比实际大约偏小 47%。校准会用显示屏真实的像素密度取代这一固定假设。
- 为什么要用银行卡?
- 因为几乎每个人随身都有一张,且它是精密制造的标准化参考物。ISO/IEC 7810 ID-1 标准将全球所有的信用卡、储蓄卡及绝大多数证件卡片严格统一为 85.60 乘 53.98 mm,其制造公差远非肉眼所能察觉。
- 校准数据会保存下来吗?
- 会保存。你屏幕的 DPI 数据会保存在当前设备该浏览器的本地存储(local storage)中,下次访问时自动加载。点击重置可清除数据并恢复到未校准的 96 DPI 默认值。
- 测量的准确度如何?
- 使用卡片校准后,误差通常在零点几毫米以内——足以用来测量螺丝规格、相片冲印尺寸、戒指圈口或手机壳大小。但它不能代替游标卡尺用于精密机械加工等专业场景。
- 为什么缩放页面后尺子就不准了?
- 浏览器缩放会改变物理上一英寸内包含的 CSS 像素数量,而这恰恰是校准所度量的核心数值。将浏览器缩放重置为 100% 或在当前缩放比例下重新校准即可解决。
- 在手机或平板电脑上能用吗?
- 可以用,而且标记线和校准滑块均支持触摸拖动。请在打算测量的屏幕方向下进行校准,并注意手机屏幕通常比要测量的物体短——如果需要更长测量范围,可以使用垂直标尺。
三种校准方式及各自适用场景
三种途径最终都指向同一个数值——你屏幕的真实 DPI,即物理上一英寸包含的像素数。区别在于它们对硬件参数的信任程度。
| 方法 | 所需工具 / 信息 | 准确度 |
|---|---|---|
| 银行卡 | 任意信用卡、储蓄卡或身份证(ISO ID-1,宽 85.60 mm) | 最佳——直接测量屏幕玻璃上的实际显示尺寸,浏览器缩放与系统缩放会自动计入 |
| 屏幕对角线尺寸 | 显示器标称的对角线英寸尺寸 | 良好——但前提是浏览器未缩放,且系统报告的分辨率与面板物理像素一致 |
| 直接输入 DPI | 已知且信任的每英寸像素数值 | 数值准确即完全精确;适合在新设备上快速应用已知校准值 |
| 不校准 | 无 | CSS 默认的 96 DPI——仅在碰巧就是 96 DPI 的显示屏上才准确 |
- 常见有效像素密度:较老的 1080p 24" 台式显示器约为 92 DPI,15.6" 1080p 笔记本电脑约为 141 DPI,而配备 Retina 屏幕的 MacBook 报告的 CSS DPI 约为 96–110,因为 macOS 默认已对其进行缩放。如此大的差异正是未经校准的默认刻度不可信的原因。
- 标尺严格按每个 CSS 像素对应一个 SVG 单位绘制,中间没有任何缩放,因此校准出的刻度间距就是屏幕上呈现的真实刻度间距。
天生注重隐私。标尺与校准过程完全在你的浏览器中运行——保存的 DPI 数据绝不会离开当前设备。