CSS 像素与物理像素关系
运行测试后，这里会显示与当前结果同步的图解。
屏幕分辨率检测
自动读取当前窗口和屏幕参数，显示 CSS 分辨率、视口与按 DPR 估算的物理像素。
检测与操作
可以开始读取。
估算物理像素—可以开始读取。
- CSS 屏幕尺寸
- —
- 视口尺寸
- —
- DPR
- —
结果来自当前浏览器公开的 CSS 屏幕尺寸、视口和 DPR；估算物理像素不等于面板原生规格。
CSS 像素与物理像素关系
了解更多
使用与结果解释
读取当前浏览器窗口和屏幕的 CSS 分辨率、视口、DPR 与估算物理像素。结果区显示 CSS 屏幕尺寸、视口尺寸、DPR 和估算物理像素。
实现原理与验证
估算物理屏幕像素≈round(screen.width×devicePixelRatio)×round(screen.height×devicePixelRatio)，同时显示 CSS 屏幕尺寸与可视视口。浏览器出于隐私或缩放策略可能返回近似值。
验证方式：在 Windows/macOS/iOS/Android 多缩放比例和多显示器测试；与系统设置对照；旋转与地址栏变化测试。
适用边界与异常情况
多显示器窗口跨屏、浏览器缩放、OS 缩放、移动端地址栏、隐私防指纹和远程桌面会影响；不能保证返回面板原生分辨率。
浏览器显示的分辨率为什么不是面板原生分辨率
浏览器通常报告 CSS 像素，受系统缩放、浏览器缩放和隐私限制影响。估算物理像素还需要乘以 DPR。
CSS 像素和物理像素怎么换算
在常见情况下，估算物理像素约等于 CSS 像素乘以 devicePixelRatio，但多显示器和浏览器策略可能使结果不精确。
多显示器窗口跨屏时结果应该看哪一块
跨屏时 screen 和 DPR 可能跟随主显示器或窗口所在区域。应将窗口完全移动到目标屏幕后刷新检测。
工具信息
本工具在浏览器本地运行，不把屏幕参数、窗口尺寸或检测结果上传到服务器。
本工具使用独立的原生 HTML、CSS 与 JavaScript 实现，不包含第三方运行库。