如何在 Windows 中测量屏幕像素
简短回答： Windows 没有屏幕标尺。DevTools 只在浏览器内测量，图像编辑器只在自己的画布里测量——其余场合请用免费工具，比如屏幕标尺：对齐零刻度边、拖动标记、读取像素距离，再把窗口像幽灵一样覆在你测量的界面上。
为什么要测量屏幕
- 写 CSS：那个侧边栏是 320 px 还是 300 px？量一量而不是猜，然后正确设置断点。
- 无障碍：触控目标不应小于 44×44 px——标尺几秒就能验证两个尺寸。
- 设计验审：把设计稿的间距与实时页面比对，精确到设计师争论的那个像素。
- 演示与印刷：确认图片在投影仪分辨率下能占多大区域。
- 有后果的好奇心：先弄清「这个窗口到底多宽？」——再为它写脚本。
方法 1：浏览器工具（仅限浏览器内）
F12 → 检查 → 悬停任意元素即可看到盒模型。对 DOM 堪称完美——对视频播放器、桌面程序、看图软件里的截图或你自己的窗口毫无用处。
方法 2：屏幕标尺——随处测量任何东西
- 对齐零刻度。 把标尺的左边缘（水平模式）或上边缘（垂直模式）放到测量的起点。
- 拖动标记线到另一端；用方向键精修——每按一次 1 px，按 Shift 为 ×10。「重置标记」按钮让它回到零。
- 变成幽灵：不透明度降到 40%，再开启「窗口置顶」，半透明标尺就正好覆在要看的那块区域上。读大号的数值——
≈ 482 px。
关于精度的说明
一个标尺单位就是一个屏幕像素——也就是 CSS 所说的 px——前提是显示缩放为 100%。Windows 缩放更高时，屏幕上的所有内容（包括你的测量）都以缩放后的像素计；需要未缩放的数值，就在 100% 下比对。浏览器缩放会改变你测量的对象：请在 100% 缩放下测量。
常见问题
能测对角线距离吗？
不能——改测外接矩形（水平模式的宽、垂直模式的高）：排版系统用的本来就是它。
在任何显示器和缩放下都能用吗？
窗口可以移到任何显示器，测量那块屏幕的像素；缩放的行为如上所述。
与「截图 + 编辑器」相比有什么不同？
更快也更真实：没有截图步骤、没有缩放误差——你测量的是此刻正在渲染的实时屏幕。