在线尺子完全指南(2026)

Screen Ruler TeamApril 22, 202618 min read
online rulerdigital rulerscreen rulercalibration

关于在线尺子,最常见的抱怨是不准。第二常见的是校准之后还是不准。对大多数工具来说这两个抱怨都成立,但对于一个校准做得正确的工具来说,两个都不成立。本文拆开讲清楚差别,顺便带你把在线尺子用好——用来做作业、量产品尺寸、测戒指尺寸,以及其他十几种不值得专门去找一把实体尺的日常场景。

什么是在线尺子

在线尺子就是一个网页,按你屏幕的实际比例画出一把尺子,让你把物体贴到屏幕上读尺寸。它可以显示厘米、毫米或英寸;好一点的允许你在三者之间切换。不用装 App,不用注册账号,也不用插任何硬件。

核心难点在于:每块屏幕的像素密度都不一样。在 326 PPI 的 iPhone 14 上画 1 cm 的线,和在 264 PPI 的 iPad Pro 上画同样 1 cm 的线,像素数完全不同;在 96 DPI 的办公显示器上又是另一个数字。一个好的在线尺子要么自动识别你的设备、挑出正确的像素-毫米比例,要么提供一个一分钟的校准步骤——让你把信用卡对准屏幕,工具从中学到你的比例。

校准是怎么回事

校准是决定你的在线尺子是精度在半毫米以内,还是每厘米差出几毫米的那一步。物理原理很简单:尺子画出一个像素尺寸可调的目标矩形,你拿一个已知尺寸的参照物(几乎永远是信用卡,85.6 mm × 54.0 mm)贴在矩形上,拖动滑块直到矩形正好跟卡片一致。这时工具就知道你屏幕上一毫米等于多少像素了。

从那一刻起,尺子画出来的所有东西——不管你切到英寸还是毫米——都对你这块屏幕是准的。校准数据通常在本地存储里保留 30 天后才会要求你重新校准;这是因为有相当比例的用户会跟别人共用设备或切换浏览器,过期的校准比重新要求一次更糟。

简短的物理原理

每块显示器在出厂时就固化了一个固定的像素数。一台 13 寸 MacBook Air 和一台 13 寸 Dell XPS 可以有相同的对角尺寸、却有完全不同的像素总数——这意味着 Dell 上的一毫米和 Mac 上的一毫米对应的像素数不一样。工具没法猜这个比例;要么你告诉它设备型号(自动检测),要么你给它看一个真实世界的物体,让它实证地量出这个比例。校准就这么回事——学会你这块面板的每毫米像素常数。

一个并不简单的复杂点:现代 Retina 和 HiDPI 屏幕会对浏览器撒谎。一块物理 2560 × 1600 的面板会把自己声明成逻辑 1280 × 800 的画布,因为 devicePixelRatio 是 2。CSS 像素不再是物理像素,忘了把 devicePixelRatio 算进去的尺子在 Retina 设备上会正好差两倍——这就是"尺子显示 2 cm 但实际只有 1 cm"这类经典投诉的根源。写得好的在线尺子会读一次 devicePixelRatio 并把它烘进校准常数里,用户根本感觉不到这层区分。

在线尺子到底有多准

校准过之后,在线尺子能达到你屏幕显示所能支持的精度——通常是每 10 cm 偏差在 0.5 mm 以内,跟一元店里的塑料尺差不多。剩下的主要误差来自你对齐时的线条粗细(视觉视差)。对于大多数家用和作业任务,这远远够用。它不够用的场景是精细木工、工程制图和科研——任何 0.2 mm 都要紧的事情,花钱买一把实体游标卡尺。

没校准的在线尺子不准。在你这台设备上可能凑巧接近——尤其是 iPhone 和 iPad 这种 PPI 众所周知、硬编码进去的——但换到一台随机的笔记本屏幕上,就只是瞎猜。

什么时候用在线尺子

  • 没有戒指量尺时测戒指尺寸。 校准后把戒指平放在屏幕上,读出内径的毫米数,对照尺寸表。
  • 在买手机壳或支架前检查一个小物件的尺寸。 从 USB-C 接口到咖啡压粉器,都可以直接在屏幕上量。
  • 作业和几何题。 带着平板的学生书包里不用再塞一把实体尺。
  • 手工和缝纫。 测量线距、下摆,或者纸艺零件。
  • 在 cm、mm、英寸之间快速换算。 画一条 5 cm 的线,切换单位,看英寸对应值是多少。

什么时候不要用在线尺子

  • 亚毫米误差会在长切口上累积的木工。
  • 医疗或药剂剂量(废话,但还是得说)。
  • 测量任何比你屏幕还大的东西。这是屏幕尺子最大的局限——14 寸笔记本屏幕最多只能测对角 14 寸以内的物体,实际因为边框会占掉可用空间,还要更小。

一分钟内完成校准

  1. 打开 screenruler.online 的尺子工具。
  2. 点击校准按钮(通常标着"Calibrate"或是一个滑块图标)。
  3. 选择你的参照物——信用卡是全球范围内最稳妥的;如果你在美国、欧盟、英国、印度、印尼或土耳其,区域硬币也可以用。
  4. 把卡片平放在屏幕上,跟屏幕上的矩形对齐。
  5. 拖动滑块直到矩形跟卡片完全一致。可能需要微调几个像素。
  6. 确认校准。工具会保存你的比例,并在接下来的 30 天里不再问你。

就这样。切换厘米、毫米、英寸的时候不用重新校准——底层比例是同一个。

在线尺子 vs 实体尺

对于长度超出屏幕的线条,实体尺更可靠,而且不需要电源——这一点在露营或工坊里很重要。在线尺子一旦校准,就存在于你随身携带的每一台设备上,也不会被丢三落四。对屏幕能容纳的测量,两者精度大致相当;选哪个其实只看你手边有什么。

在线尺子唯一明确赢过实体尺的场景是单位切换。一把一边厘米、一边英寸的实体尺需要翻面或者心算。在线尺子一键换单位。

按设备给出的建议

iPhone: 自动识别 iPhone 6 之后的每一代。尺子完全跳过校准步骤,直接按出厂 PPI 渲染。如果你在近期的 iPhone 上看到校准提示,通常意味着你的 user agent 被 VPN 或隐私扩展改过。

iPad: 跟 iPhone 同理——Apple 公布了每个型号的精确面板规格,所以从 iPad Mini 到 12.9 寸 iPad Pro 自动识别都很可靠。横屏模式给你最长的可用尺面(12.9 寸上大约 26 cm)。

Android 手机和平板: 主流产品线(Samsung Galaxy、Google Pixel、Xiaomi、OPPO、Vivo、Realme、OnePlus)覆盖不错,但地区小众型号的长尾可能会退回手动校准。一张信用卡三十秒搞定。

外接显示器的 MacBook: 这里很多人会翻车。校准是按显示器独立进行的。如果你在内置 Retina 屏上校准完,把浏览器窗口拖到 27 寸 4K 显示器上,尺子就不再准了——每块面板的像素-毫米比不同。每块显示器各校准一次;工具会按屏幕指纹分别保存校准数据。

PPI 未知的办公 LCD: Dell、HP、Lenovo、AOC 的通用 1080p 面板基本匹配不上自动识别。第一次花三十秒用信用卡校准一下。

双屏和带鱼屏配置: 规则一样——在浏览器窗口实际所在的那块屏上校准,移到别的屏上就要重新校准。如果你经常把窗口在显示器之间拖来拖去,把尺子固定在一块屏幕上别动。

Windows 显示缩放: 如果你把 Windows 缩放设成 125% 或 150%(在 4K 笔记本上很常见),浏览器看到的 CSS 像素会被放大,原始像素-毫米比会跟着变。校准会自动吸收这一点,但如果你之后改了缩放设置,记得重新校准。macOS 的"更大文字"分辨率设置同理。

常见精度问题排查

"我用 Ctrl/Cmd + 放大了一下,尺子就测不准了。" 浏览器缩放会改变页面看到的有效像素密度。尺子是在 100% 时校准的;缩放到 125% 时,10 cm 的线物理上会渲染成 12.5 cm。重置缩放到 100%(Ctrl/Cmd + 0)精度就回来了。如果你喜欢放大浏览,就在那个缩放级别下重新校准并保持不变。

"我把信用卡对齐了,还是测不准。" 通常是边缘对齐问题。信用卡长边 85.6 mm、短边 54.0 mm;把卡片的长边对准屏幕矩形的长边,而不是哪条边离得近就对哪条。还要确保卡片紧贴屏幕玻璃——哪怕一点小角度都会带来几毫米的误差。

"浏览器重启后尺子忘了我的校准。" 校准存在 localStorage 里。隐私/无痕窗口、激进的清 Cookie 扩展、以及"关闭时清除网站数据"设置都会把它抹掉。如果你每天都依赖校准,把这个站点的存储加入保留名单;或者就重新校准——本来也就三十秒的事。

"滑块给出的是 98.6% 或 101.3% 这种数,不是整数。" 这是对的,不是 bug。大多数面板都不会刚好落在整数的像素-毫米值上,四舍五入到整数百分比反而会把你刚刚抹掉的误差再引回来。保留这个非整数值就行。

"我的手机和笔记本对同一个物体测出来不一样。" 每台设备独立校准,因为每台面板不同。同一张 54 mm 的信用卡,如果两台都校准正确,会在两台上都读成 54 mm——如果不一致,至少有一台需要重新校准。手机通常是对的(PPI 自动识别),笔记本通常是罪魁祸首。

值得用的常见功能

  • 单位切换(cm / mm / inch)——无需重新测量就能换。
  • 全屏模式——隐藏浏览器外壳,给你更大的可用尺面。
  • 深色模式——更护眼,也更容易在深色背景上看到浅色的细小物体。
  • 移动端横屏——通常给你最长的尺面。
  • 设备预设——一个下拉菜单可以选你的具体手机或平板型号,跳过校准。

两个实际例子

为下单测戒指尺寸

你想在网上订戒指,尺寸表是以毫米为单位的内径。完整流程如下:

  1. 在手机上打开 screenruler.online,确认校准(或在提示时用信用卡校准)。
  2. 把单位切换到 mm——戒指内径几乎总是以毫米标注。
  3. 把戒指平放在屏幕上,让内圈压在尺子刻度上。
  4. 读出圆内最宽的距离。美国 7 号大约是 17.3 mm;8 号大约是 18.1 mm——相邻尺寸差得很小,所以测两次。
  5. 把戒指转 90 度再测一次。如果两个数差超过 0.3 mm,说明戒指有点椭圆,取两者平均。
  6. 对照卖家的尺寸表。在两个值之间就选大的那个。

下单手机壳前测边框宽度

你要给手机或平板订一个壳,想知道壳的边唇会不会盖到屏幕上。

  1. 用第二台设备横屏打开尺子(这样你可以同时看到购买页和尺子)。
  2. 从产品页记下壳的边唇宽度——通常是毫米,偶尔是英寸。
  3. 把实际的手机放到尺子上量边框:从玻璃边缘到显示区域起点的距离。大多数现代手机边框是 2–4 mm。
  4. 对比。壳的边唇至少要比边框宽 0.5 mm 以上;否则边唇会骑上屏幕,干扰从边缘进来的滑动手势。
  5. 如果边框比边唇窄,要么换一个壳,要么贴一张让玻璃稍微抬高的屏幕膜。

两个流程都不到两分钟,都属于那种"专门去找实体尺反而显得小题大做"的测量。

收尾

在线尺子替代不了精密测量工具,但它完全可以替代你抽屉某个角落里那把廉价塑料尺。关键是校准——一次一分钟,接下来 30 天里这台设备上的尺子就会表现正常。之后,只要你需要测点什么而实体尺又不在手边,它就在那里。

如果你对像素密度背后的数学以及校准存在的原因好奇,可以看 How Pixel Density (PPI) Affects On-Screen Ruler Accuracy。如果除了长度还要测角度,配套的在线量角器在同一块屏幕上用同样的校准原理工作。而如果你只是想直接查一台设备的屏幕规格、不想打开尺子,设备规格数据库收录了 69+ 款手机、平板、笔记本和显示器经核实的 PPI、分辨率和显示技术。

最可靠的习惯:每次在一台新设备上第一次打开在线尺子时,就校准。之后的五分钟——以及接下来一个月里每一次尺子任务——都会在你不再多想的情况下保持准确。

相关文章