全部工具

📐

屏幕测量箱

实测视口、DPR 与断点,附可拖动像素标尺、纯色测试块和常见设备尺寸参考

新增本地运行

屏幕测量箱的使用场景

  • 调试响应式布局时确认落在哪个断点
  • 检查高分屏下 CSS 像素与物理像素的换算
  • 用色块快速看屏幕是否有偏色或坏点

屏幕测量箱怎么用

  1. 打开页面即可看到当前设备的实测卡片
  2. 在标尺上按住拖动量一段距离
  3. 对照下方常见设备尺寸表核对适配

常见问题

能测出屏幕真实 PPI 吗?
不能。浏览器不提供屏幕的物理尺寸,任何 PPI 换算都是猜的;本工具只给出 CSS 规范固定的 96 PPI 参考值(1in = 96px),并明确标注它不是硬件参数。
标尺量的是 CSS 像素还是物理像素?
标尺按 CSS 像素计量,读数里同时给出按 devicePixelRatio 换算的物理像素近似值。
会采集设备信息吗?
不会。所有数值只在当前页面显示,不写入本地存储、不发送任何请求。