精确测量屏幕上的像素距离，支持多单位显示
零依赖·可离线使用⚙️ 设置
💡 提示：将一张已知尺寸的卡片放在屏幕上，调整DPI直到测量值与实际尺寸匹配
📐 测量区域
在下方区域点击并拖动鼠标进行测量
屏幕尺子能做什么？
屏幕尺子是一款免费在线工具，帮助您精确测量屏幕上的像素距离。在测量区域点击并拖动鼠标，即可测量两点之间的距离，同时显示像素、厘米、英寸和毫米四种单位的换算结果。支持自定义DPI校准，确保物理单位测量的准确性。所有测量在浏览器本地完成。
核心功能
- 拖动测量：在测量区域点击并拖动，实时显示距离
- 多单位显示：同时显示像素(px)、厘米(cm)、英寸(in)、毫米(mm)
- DPI校准：自定义DPI值，用物理尺子校准确保精度
- 测量模式：自由测量、仅水平、仅垂直三种模式
- 刻度标尺：水平和垂直刻度标尺辅助定位
- 结果复制：一键复制测量结果
应用场景
场景1：UI设计测量
测量设计稿中元素之间的间距、尺寸，确保设计规范的精确实现。
场景2：网页开发
测量网页上元素的实际像素尺寸，辅助CSS布局调试。
场景3：屏幕尺寸验证
验证屏幕上显示的元素是否符合预期的物理尺寸，如打印预览。
扩展知识
DPI（Dots Per Inch）是屏幕分辨率的重要指标，表示每英寸的像素数。标准桌面显示器通常为96 DPI，高分辨率（Retina）显示器可达192-326 DPI。像素到物理单位的换算公式：厘米 = 像素 / DPI × 2.54，英寸 = 像素 / DPI。校准DPI的方法：在屏幕上显示一条已知长度的线（如5厘米），调整DPI值直到测量结果与实际长度一致。
常见问题
如何使用屏幕尺子？
在测量区域点击并拖动鼠标，即可测量两点之间的像素距离。支持水平和垂直方向测量。
如何设置DPI？
在DPI输入框中输入您屏幕的DPI值（默认96）。可以通过显示卡尺线校准DPI：将卡尺线与物理尺子对齐，调整DPI直到匹配。
测量精度如何？
像素级精度。厘米和英寸的精度取决于DPI设置是否准确。建议先校准DPI再进行物理单位测量。
数据会上传到服务器吗？
不会。本工具采用纯前端技术，所有测量都在浏览器本地完成，数据绝不离开您的设备。
支持哪些测量单位？
支持像素(px)、厘米(cm)、英寸(in)、毫米(mm)四种单位，实时显示换算结果。