屏幕检测
把 CSS 视口、设备像素比、色深与对角线换算成物理分辨率、宽高比与 PPI，并列出全屏纯色检测色块，用来查亮点、暗点与漏光。
浏览器本地运行所有计算都在你的浏览器里完成，数据不会离开本机。
屏幕参数
物理分辨率、宽高比、PPI 与色深说明。
输入 CSS 视口（如 1920x1080）后即可检测
CSS 宽: 0 · CSS 高: 0 · 物理宽: 0 · 物理高: 0 · PPI: 0
这个工具能做什么
- 买显示器或换手机后核对「系统显示的物理分辨率」与「浏览器报告的 CSS 视口 × 像素比」是否一致。
- 算 PPI：填上对角线英寸数，直接得到 27 英寸 4K 这类组合的实际像素密度，比较两台屏的细腻程度。
- 排查「明明是高色深屏幕却看不出渐变」的问题：核对浏览器上报的色深与每通道位数。
- 打开纯色色块列表，全屏逐个查看，找出亮点、暗点、色偏与边缘漏光。
示例
输入
1920x1080
输出
CSS 视口：1920 × 1080 物理分辨率：3840 × 2160（设备像素比 2） 宽高比：16:9 对角线：27 英寸 → PPI 163.18 色深：24 位（真彩色，16 777 216 色） 每通道位数：8 位 可显示颜色数：16,777,216 标准色深档位：1 / 4 / 8 / 15 / 16 / 24 / 30 / 32 / 36 / 48 分辨率档位：4K UHD
物理分辨率 = CSS 视口 × 设备像素比；PPI = √(宽²+高²) ÷ 对角线英寸。
常见问题
物理分辨率是怎么算出来的？
按 devicePixelRatio 的定义：物理像素 = CSS 像素 × 像素比。1920×1080 的 CSS 视口在 2 倍屏上对应 3840×2160 物理像素，这也是「4K」的来源。浏览器只报告 CSS 视口和像素比，所以这里由乘法换算。
PPI 用的什么公式？
PPI = √(物理宽² + 物理高²) ÷ 对角线英寸，来自勾股定理加 PPI 的定义（每英寸像素数）。不填对角线就不给 PPI，因为缺少分母时任何数字都是编的。
色深 24 位和 32 位有什么区别？
24 位是 8 位/通道的 RGB 真彩色，共 16 777 216 色；32 位多出的 8 位是 Alpha 通道，实际颜色数仍是 1677 万。真正影响渐变的通常是 30 位（10 位/通道）或 36/48 位这种高位深模式。
纯色检测怎么用？
勾选后结果里会列出纯黑、纯白、红、绿、蓝、中灰、黄、青八个色块的十六进制值。把这些颜色在全屏下逐个铺满屏幕看，黑屏找亮点、白屏找暗点与色斑、纯色屏找色偏和边缘漏光。
浏览器上报的参数能改吗？
可以：浏览器缩放会改变 devicePixelRatio，所以缩放后再测得到的是缩放后的等效值。想测原生参数请把页面缩放置回 100%。
关键词：屏幕检测screen check设备像素比device pixel ratioPPI坏点检测dead pixel test色深