像素尺子（Pixel Ruler）

像素尺子不需要卷尺：点击两个点，直接读出像素距离。这款在线尺子还会实时显示光标的像素坐标，UI 工程师不用打开设计工具就能核对间距、图标尺寸和布局留白。

像素尺子如何工作

选择像素单位后，边缘刻度全部切换为像素步长 — 主刻度每 100px、中刻度每 50px、细刻度每 10px。按 M 激活像素尺子的测量模式，点击两点，读数会给出 dx、dy 和对角线距离（单位 px）。光标读数则始终显示实时的 X/Y 像素坐标。

像素尺子永远精确，因为像素是屏幕的原生单位：一个 CSS 像素就是一个单位，无需校准。切换到厘米、毫米或英寸时会使用已保存的 PPI 校准，因此同一款在线尺子能对同一次测量同时输出 px 和真实世界单位。

常见用途：检查按钮是否 44px 高、验证 8px 间距栅格、把线上页面与设计稿对比、测量图标点击区域。凡是需要打开设计标注工具的场合，像素尺子一次点击就能搞定。

像素尺子需要校准吗？

不需要。像素尺子按屏幕原生像素测量，天然就是准确的。在这款在线尺子里，校准只影响厘米、毫米和英寸模式。

像素尺子显示的是 CSS 像素还是设备像素？

它跟随浏览器坐标系（CSS 像素），与你写进 CSS 的数值一致。设备像素比会在校准过程中自动处理。

像素尺子免费吗？

免费 — 这款像素尺子完全免费，页面加载后可离线使用，本地只保存你的偏好设置。

免费、无需安装，校准一次即可长期使用。