屏幕分辨率与显示器信息

您的浏览器会实时报告以下数值。 调整窗口大小，即可看到视口数值即时更新。

屏幕分辨率
检测中…
屏幕的完整物理尺寸（以像素为单位）。
视口大小
检测中…
浏览器可见区域——调整窗口大小时自动更新。
像素比 (DPR)
检测中…
每个 CSS 像素对应的物理像素数。Retina/HiDPI 屏幕通常为 2×。
色彩深度
检测中…
每像素使用的位数。24 位 ≈ 1600 万色。
刷新率
检测中…
通过 requestAnimationFrame 测量。关闭其他标签页可提高准确性。
屏幕方向
检测中…
浏览器报告的当前屏幕方向。

屏幕分辨率是水平×垂直方向显示的像素数。1920×1080 的屏幕约有 200 万像素。分辨率越高，画面越清晰。

DPR 比较物理像素与 CSS 像素的比例。DPR 为 2 表示物理像素是 CSS 像素的两倍——常见于 Retina/HiDPI 屏幕。标准屏幕的比例为 1。

屏幕分辨率是显示器的完整物理尺寸。视口是浏览器窗口内的可见区域，不包括工具栏和浏览器界面。窗口未最大化时两者都会缩小。

刷新率（Hz）表示屏幕每秒更新的次数。60 Hz = 每秒 60 帧。更高的刷新率（120 Hz、144 Hz）带来更流畅的画面。我们使用 requestAnimationFrame 计时进行测量。