本页显示的内容
- 屏幕分辨率：以 CSS 像素表示的屏幕尺寸。CSS 像素是网站布局使用的单位。
- 物理像素：屏幕面板上实际的像素数。在手机、平板电脑和高 DPI 笔记本电脑（例如 Retina 显示屏）上，这个数值更高，因为每个 CSS 像素都由多个物理像素绘制而成。
- 设备像素比：一个 CSS 像素由多少个物理像素组成。Windows 显示缩放比例为 125% 或 150% 时，这里会显示为 1.25 或 1.5。
- 视口：浏览器窗口内可见区域的大小。调整窗口大小，就能看到它随之变化。
所有信息都直接从你的浏览器读取。不会向服务器发送任何内容，页面也看不到你在这里看不到的任何信息。
常见屏幕分辨率
| 1366 × 768 | 较旧和入门级笔记本电脑（HD） |
|---|---|
| 1920 × 1080 | 全高清（Full HD）：最常见的台式显示器和笔记本电脑分辨率 |
| 2560 × 1440 | QHD / 1440p：常用于游戏和办公显示器 |
| 3840 × 2160 | 4K UHD：电视和高端显示器 |
| 390 × 844, 393 × 852 | 常见的新款 iPhone（以 CSS 像素计） |
| 360 × 800, 412 × 915 | 常见的 Android 手机（以 CSS 像素计） |
常见问题
为什么我的 4K 显示器显示为 2560 × 1440 或 1920 × 1080？
因为操作系统对显示内容进行了缩放（例如 150% 或 200%），以免文字太小。物理像素一行显示的才是实际分辨率。
为什么网页开发者需要这些信息？
了解视口大小和像素比，有助于测试响应式布局、选择图片尺寸，以及复现用户报告的错误。点击复制全部信息，就能把所有内容粘贴到错误报告中。