未校准 · 显示比例可能不准
·
0.0 cm

总长 20 cm。把卡片 / 硬币 / 手机贴在尺子上即可读数;点击或拖动游标可测量任意距离。横向时屏幕较窄可左右滑动查看完整刻度。

在线尺子 把校准过的屏幕变成直尺:选机型或贴一张银行卡校准一次后,屏幕上就能显示精确的厘米/毫米/英寸刻度,把卡片、印章、电子元件、票根贴上来即可读数,不用翻找物理尺。

它解决什么

身边没尺子但要量个小尺寸(票根 / 卡片 / 名片 / 螺丝直径)的场景非常普遍。物理尺通常只有一把还经常找不到,而手机相机里测距应用又依赖摄像头扫描,反而麻烦。屏幕直尺最大的优势是 设备本身就是尺子——掏出来贴上去就能读数。

校准方式

方式操作精度适用
机型库选择设备型号厂商公布数据反算,1–2% 误差已收录的常见机型
银行卡拖动手柄对齐物理银行卡宽度±0.5 mm任何设备,含外接显示器

CR80 卡(85.60 × 53.98 mm)是全球统一标准,银行卡、信用卡、二代身份证都符合,作为校准锚点比硬币 / 纸张更稳。

使用要点

  1. 第一次打开先校准——上方未校准提示条,点”立即校准”。
  2. 保持浏览器缩放 100%——Ctrl+0 重置;缩放会让校准失效。
  3. 横竖切换 适合不同长度物体——量手机用横向,量长方形物件可竖向。
  4. 拖动游标 可标记一段距离,松手即显示 cm + inch。
  5. 重新校准 换设备 / 换浏览器 / 切换显示器后必做。

📍使用场景

  • 量手机/手表表盘的尺寸选择机型或用银行卡校准后,把手表/手机贴屏读数,免去找物理尺。
  • 量小印章/票根/卡片名片/票根/USB 接口/螺丝外径都在 10cm 以内,校准过的屏幕尺更顺手。
  • DIY/手工对比尺寸设计稿打印前先在屏幕上贴样品比一下,确认尺寸后再打印。
  • 课堂/教学演示长度投影到大屏后用机型库选会议室显示器,演示 cm 与 inch 转换关系一目了然。

常见问题

为什么浏览器不能直接知道屏幕真实尺寸?

浏览器只暴露 CSS 像素和 devicePixelRatio不知道屏幕物理尺寸/PPI。CSS 规范里 1in = 96 CSS px 是固定换算,不是真实英寸;EDID 等硬件信息也无法被网页读取。所以任何"在线尺子"都必须经过一次校准才能得到准确的 px-per-mm 比例。

机型库和银行卡两种校准选哪种?

有列表内的设备首选机型库——零操作、按厂商公布数据反算,多数情况下精度高于手动对齐。机型不在列表 / 用了外接显示器 / 不确定具体型号就选银行卡,CR80 标准 85.60 mm 全球统一,对齐误差通常在 ±0.5 mm 以内。

校准过一次还要再校准吗?

换设备 / 换浏览器 / 清缓存 / 切换显示器(外接 ↔ 笔记本屏)都需要重新校准。浏览器缩放(Ctrl+/Ctrl-)会改变像素比例,校准前请先把缩放调回 100%;之后如果改了缩放,刻度也会失真。

银行卡校准为什么用 85.6 mm?

这是 ISO/IEC 7810 标准里 ID-1(CR80)卡 的官方尺寸 85.60 × 53.98 mm,全球银行卡 / 信用卡 / 中国二代身份证 / 港澳台居民来往内地通行证 / 多数会员卡都遵循这个规格。手边任意一张这种卡贴屏对齐即可。

MacBook 选了机型还是不准?

macOS 系统设置里有"看起来像 1680×1050 / 1440×900"等显示缩放选项,会改变浏览器拿到的视口宽度;但 devicePixelRatio 仍按整数报告。这种情况机型库会偏 5–10%,建议改用银行卡校准。或者把"显示"调成"默认"再用机型库。

校准结果保存在哪?换设备会同步吗?

保存在本地 localStorage(键 toolbox_ruler_pxPerMm),只在当前浏览器当前域名下生效,不会上传服务器、不跨设备同步。换设备 / 浏览器 / 隐私模式都需要重新校准一次。

为什么 cm 和 inch 同时显示?

cm/mm 在国内最常用,inch(英寸)在屏幕规格 / 软件设计里依然是默认单位。同屏双刻度可以直观对照(1 inch = 25.4 mm),无需切换或心算。