本页显示的信息
顶部的大号数字是浏览器报告的屏幕分辨率。下方表格补充了网页设计师、开发者和客服人员最常询问的信息。调整窗口大小时数值会立即更新；点击复制全部信息，即可把整张表复制为纯文本，直接粘贴到错误报告或客服对话中。
| 屏幕分辨率 | 以 CSS 像素表示的整个屏幕尺寸，CSS 像素是网页排版使用的单位。 |
|---|---|
| 物理像素（约） | 屏幕分辨率 × 设备像素比，通常就是面板的实际像素数。 |
| 设备像素比 | 一个 CSS 像素在横向和纵向上各由多少个物理像素绘制。 |
| 浏览器窗口（视口） | 浏览器窗口内部的尺寸（含滚动条），单位为 CSS 像素。 |
| 可用屏幕区域 | 减去 Windows 任务栏或 macOS 程序坞等常驻栏后的屏幕尺寸。 |
| 色深 | 每个像素的位数。24 位表示红、绿、蓝各 8 位，约 1,670 万种颜色。 |
| 浏览器和操作系统 | 根据用户代理字符串判断；在 Chrome 和 Edge 中，还会参考浏览器额外提供的信息。 |
| CPU 线程数和内存 | 逻辑处理器的数量。内存只有基于 Chromium 的浏览器才会报告，而且经过取整并以 8 GB 为上限，所以显示为“至少”。 |
其余各行分别是屏幕方向、是否支持触摸、语言、时区、是否偏好深色模式以及是否启用 Cookie。这里显示的时区，也就是时区转换工具默认使用的本地时区。
CSS 像素、物理像素与 devicePixelRatio
CSS 像素是排版单位，而不是屏幕上的一个点。在普通显示器上，一个 CSS 像素就是一个物理像素；而在手机和高密度笔记本屏幕上，一个 CSS 像素由多个物理像素绘制，所以文字的实际大小不变，却显得更清晰。两者的比值就是 window.devicePixelRatio：默认设置下的 Retina 屏 Mac 为 2，许多较新的 iPhone 为 3，开启显示缩放的 Windows 笔记本则是 1.25 或 1.5 之类的数值。
因此，网页布局和媒体查询都以 CSS 像素为单位，而图片需要比显示尺寸更多的像素：在像素比为 2 的屏幕上，要让一张显示宽度为 400 CSS 像素的图片保持清晰，图片文件需要 800 像素宽。这样的图片可以用图片尺寸调整制作。
示例
- 缩放 125% 的全高清笔记本显示为 1536 × 864，设备像素比 1.25；物理像素一行显示实际的 1920 × 1080。
- 4K 显示器在 150% 缩放时显示 2560 × 1440、像素比 1.5，在 200% 时显示 1920 × 1080、像素比 2。无论哪种，物理像素都是 3840 × 2160。
- iPhone 15 显示为 393 × 852，像素比 3，对应 1179 × 2556 物理像素。
- 浏览器缩放也会改变这些数值：在 Chrome、Edge 和 Firefox 中把页面放大到 200%，设备像素比会翻倍，视口的 CSS 像素尺寸会减半。如果数值看起来不对，按 Ctrl+0（Mac 上按 ⌘+0）恢复默认缩放。
物理像素只是估算值。Mac 使用“缩放”分辨率时，macOS 会先按两倍尺寸绘制画面，再缩放到面板上，所以结果可能与显示器的原生分辨率不同。
常见屏幕分辨率
| 1366 × 768 | 较旧或入门级笔记本 |
|---|---|
| 1536 × 864 | 缩放 125% 的全高清笔记本（CSS 像素） |
| 1920 × 1080 | 全高清（1080p），最常见的台式显示器分辨率 |
| 2560 × 1440 | 2K / QHD，游戏和办公显示器的热门选择 |
| 3840 × 2160 | 4K UHD，用于电视和高端显示器，通常配合缩放使用 |
| 390 × 844、393 × 852 | 较新的 iPhone（CSS 像素） |
| 360 × 800、412 × 915 | 常见的安卓手机（CSS 像素） |
隐私
本页通过标准的浏览器功能读取这些数值，只显示给你看，不会发送到任何地方。不过，任何网站都能读取同样的信息，把它们组合起来可以用于识别浏览器，这种技术称为“浏览器指纹”。因此，一些注重隐私的浏览器会对屏幕尺寸等数值取整或统一成常见值，Chrome 也减少了用户代理字符串中包含的信息。
常见问题
我的 4K 显示器为什么显示 2560 × 1440 或 1920 × 1080？
因为操作系统启用了显示缩放（例如 150% 或 200%），以免文字太小。面板的实际分辨率可以在物理像素一行中看到。
为什么视口比屏幕小？
视口不包括浏览器的标签栏、地址栏以及任务栏或程序坞，并且会随窗口大小变化。在手机上，地址栏显示或隐藏时视口也可能改变。
手机系统是新版安卓，为什么显示 Android 10？
为了减少浏览器指纹，安卓版 Chrome 在用户代理字符串中填写固定的安卓版本号，因此无法从中读出真实版本。
为什么 Windows 显示为“Windows 10 或 11”？
这两个版本发送的用户代理字符串完全相同。Chrome 和 Edge 会通过另一项浏览器功能说明区别，所以在这两款浏览器中会显示准确的版本。
怎样更改屏幕分辨率？
在 Windows 中，打开“设置 › 系统”里的显示设置，调整分辨率或缩放比例；在 Mac 上，使用“系统设置 › 显示器”。缩放改变的是 CSS 像素尺寸，分辨率改变的是发送到显示器的像素数。