关于 在线虚拟尺子
在线虚拟尺子：在屏幕上显示与真实尺子完全相同比例的刻度，支持厘米 / 毫米 / 英寸三种单位，横尺 / 竖尺切换，内置 DPI 校准（推荐用银行卡一键校准），配有可拖动辅助线精确量取两点距离，支持深色护眼模式与全屏模式。
使用步骤
- 首次使用时，点击「校准」按钮，将一张标准银行卡（85.6mm 宽）平放对齐屏幕，拖动滑块让尺子上的刻度与银行卡两侧完全吻合，点击「确认」保存。
- 将实物放在屏幕上，直接比对尺子刻度读数。
- 需要精确测量两点距离时，点击「辅助线」添加一条可拖动的参考线，线旁会实时显示与起点的距离。
- 可切换厘米 / 英寸 / 毫米单位，或切换水平 / 垂直方向。
- 点击「全屏」让尺子延伸至浏览器全宽 / 全高，测量更长物体。
常见使用场景
- 桌面没有真实尺子时临时测量小物件
- 核对打印纸上的尺寸是否和设计稿一致
- 购买物品前对比手头物件尺寸
- 教学演示：展示真实长度
常见问题
Q：为什么尺子不准？
A：浏览器无法直接得知屏幕物理 DPI，需要手动校准。拿银行卡校准是最快最准的方法，校准值会存在浏览器 localStorage 中长期保留。
Q：银行卡标准尺寸是多少？
A：ISO 7810 ID-1 标准：宽 85.60 mm、高 53.98 mm，全球银行卡通用。
Q：为什么用 CSS px 不能直接换算真实长度？
A：CSS 的 1px 在高分屏上实际对应多个物理像素（devicePixelRatio），而且同一 DPR 值在 13 寸笔记本和 27 寸显示器上对应的物理尺寸完全不同，所以必须校准。