实时指针读数
鼠标在尺面移动时同步显示当前位置，快速读取元素宽度、间距或对齐位置。
在线屏幕尺子
直接在浏览器中测量界面元素与视觉间距，支持水平/垂直尺子、拖拽定位、末端调整长度、指针实时读数，以及 px、cm、mm、in 多单位与 DPI 校准。
尺子长度
800 px
指针读数
0 px
换算 DPI
96 DPI
测量方向
水平
测量画布
NETPROOA · PX
0 px
拖动尺身移动，拖动红色手柄调整长度
屏幕单位换算
按当前 DPI 换算
2.645833 cm
按 96 DPI 将 px 先换算为像素，再换算为 cm
需要覆盖其他软件测量？下载 Windows 桌面版
桌面版支持窗口置顶、全局拖拽、水平/垂直切换和快捷键操作，适合跨应用测量。单文件运行，无需安装。
屏幕尺子功能
横竖自由切换
水平尺测宽度，垂直尺测高度，切换后保持当前长度和单位配置。
拖拽与缩放
拖动尺身定位到目标区域，拖动末端红色手柄即可连续调整测量范围。
四种常用单位
支持 px、cm、mm、in 一键切换，兼顾网页开发与物理尺寸估算。
DPI 校准
可根据显示设备调整 DPI，使厘米、毫米和英寸刻度更接近实际尺寸。
全屏测量
一键将测量画布扩展到全屏，减少页面其他元素对测量操作的干扰。
使用说明
在线尺子操作步骤
- 先选择
px、cm、mm或in作为显示单位。 - 选择水平或垂直方向，并通过滑块、数值输入框或红色手柄调整长度。
- 拖动深色尺身，将零刻度移动到需要测量的起点。
- 将鼠标移动到目标终点，通过红色指示线和上方状态卡读取数值。
- 需要测量更大区域时，点击测量画布右上角的全屏按钮。
DPI 校准建议
- 测量网页布局时使用
px，通常无需调整 DPI。 - 测量物理尺寸前，将浏览器页面缩放恢复到 100%。
- 默认按 96 DPI 换算；如已知显示器 PPI，可在设置中填写对应值。
- 也可拿银行卡等已知宽度物体贴近屏幕，对照厘米刻度并微调 DPI。
- 系统缩放、浏览器缩放与显示器像素密度都会影响物理尺寸精度。
单位换算参考
屏幕物理单位依赖 DPI。下表以网页常用的 96 DPI 为例，实际显示尺寸应以校准结果为准。
| 单位 | 英文名称 | 96 DPI 下的关系 | 常见用途 |
|---|---|---|---|
px |
Pixel | 1 px = 1/96 in | 网页布局、UI 元素、图片尺寸 |
cm |
Centimeter | 1 cm ≈ 37.795276 px | 实物对照、版面与打印估算 |
mm |
Millimeter | 1 mm ≈ 3.779528 px | 精细尺寸、印刷与工业参考 |
in |
Inch | 1 in = 96 px | 显示器、图片分辨率与国际尺寸 |
常见问题
在线屏幕尺子的厘米刻度为什么需要设置 DPI？
浏览器可以可靠读取 CSS 像素，却无法直接知道显示器的真实物理宽度和像素密度。工具必须依据 DPI 将像素换算为厘米、毫米和英寸，因此 DPI 越接近设备实际参数，物理尺寸刻度越准确。
CSS 像素和显示器物理像素相同吗？
不一定。高分屏、操作系统缩放和浏览器缩放都可能让一个 CSS 像素对应多个设备像素。网页开发通常关注 CSS 像素，所以本工具的
px 模式以浏览器 CSS 像素为基准。如何提高厘米、毫米和英寸测量精度？
先把浏览器缩放恢复为 100%，再查询显示器型号对应的 PPI，或使用银行卡、直尺等已知尺寸物体进行对照。调整 DPI，直到网页刻度与实物一致。浏览器工具适合估算；对精密尺寸有要求时仍应使用实体量具。
为什么尺子不能覆盖浏览器外的其他应用？
网页受浏览器安全边界限制，只能在当前页面或全屏页面内显示。需要覆盖设计软件、图片查看器或桌面窗口时，可使用页面提供的 Windows 桌面版，它支持窗口置顶和跨应用测量。
快捷键有哪些？
焦点不在输入框时，按
U 循环切换单位，按 R 切换水平/垂直方向，按 0 重置尺子，方向键可每次移动尺子 1 像素。拖动尺子末端手柄可以快速调整长度。屏幕尺子会上传我的屏幕或测量数据吗？
尺子绘制、拖拽、DPI 设置和指针读数都在浏览器本地完成，不会截取或上传屏幕内容。只有主动点击单位换算时，数值、单位和 DPI 会发送到换算接口，服务器不持久化这些数据。