屏幕分辨率检测：像素、宽高比与刷新率

使用方法

网站以 CSS 像素测量屏幕，这是页面的单位，而不是面板的单位。在高像素密度的屏幕上，一个 CSS 像素由若干个物理像素绘制，设备像素比说明每一边有几个。宽为390个 CSS 像素、比例为3的手机，横向有1170个物理像素。

浏览器窗口未最大化时比屏幕小。拖动改变大小时，它的尺寸会实时变化；缩放时也会变化，因为缩放改变了能容纳的 CSS 像素数。

宽高比是宽度除以高度，并约分为最简分数：1920乘1080为16:9。常见屏幕有名称：16:9和16:10为宽屏，4:3是较早的标准，21:9和32:9为超宽屏。分数的项较大时，页面显示最接近的常见比例，并标注为约。

色深是每个像素使用的位数。24位时屏幕可显示16,777,216种颜色。HDR 指显示器能呈现更宽的亮度和色彩范围。页面使用 CSS 的动态范围媒体特性，报告浏览器是否表示自己拥有这类显示器。

刷新率是屏幕每秒重绘的次数：60 Hz 很常见，游戏和较新的屏幕上还有120 Hz 或144 Hz。页面统计一秒内浏览器绘制的动画帧，并取其间的典型间隔，因此少量丢帧不会改变结果。浏览器不直接提供面板的刷新率，所以这是一个测量值。

一块 1920 × 1080像素的笔记本面板，在 Windows 中设为125% 缩放，设备像素比为1.25。于是浏览器报告屏幕为 1536 × 864个 CSS 像素，而物理尺寸仍为 1920 × 1080。

下表是页面在此情况下显示的数值：宽高比为16:9，屏幕以 CSS 像素计约有1.3百万像素。

CSS 像素与物理像素有什么区别？

物理像素是面板上的点。CSS 像素是网页使用的单位，浏览器通过设备像素比把它对应到物理像素上。在高像素密度的屏幕上，CSS 尺寸小于物理尺寸。

为什么我的1920像素显示器，浏览器报告宽度为1536像素？

Windows 缩放会让屏幕显得更大，因此它的 CSS 像素较少。在125% 缩放下，1920个物理像素相当于1536个 CSS 像素；物理尺寸仍然是1920。

多少刷新率才算好？

60 Hz 是办公和视频工作的常用刷新率。120 Hz 或144 Hz 等更高的刷新率会让游戏和滚动看起来更流畅，许多手机还会切换刷新率以节省电量。

为什么我的 HDR 显示器显示“否”？

只有操作系统和显示器都为浏览器开启 HDR 时，浏览器才会报告 HDR。因此，在 Windows 或 macOS 设置中关闭 HDR 时，HDR 显示器也可能显示“否”。

本页能看到显示器的型号吗？

不能。它只读取浏览器提供的数值：尺寸、像素比、色深、方向和 HDR 标志。型号名称和序列号不向网页开放。

屏幕的任何信息会发送到服务器吗？

不会。所有数值都在您的浏览器中读取和测量，计算过程中没有任何内容发送到我们的服务器，也不会被存储。

数据和文字最近核对于2026年11月10日星期二。