我的屏幕分辨率是多少?
您的屏幕分辨率是显示器在水平和垂直方向上显示的像素数量,例如 1920 × 1080。本工具可立即检测出您的分辨率,以及网页设计师、开发人员和技术支持团队通常需要的详细信息:CSS 分辨率、设备像素比、浏览器视口尺寸、可用屏幕空间、宽高比、色深、色域和 HDR 支持情况。所有信息均在本地从您的浏览器中读取。
理解这些数字
物理分辨率 是显示面板上的实际像素数量(在大多数设备上)。它也是制造商宣传的规格,例如 2560 × 1440。
CSS 像素 是网站使用的逻辑单位。当您的系统缩放显示时(例如在 Retina 屏幕上进行 200% 缩放),一个 CSS 像素会覆盖多个物理像素,这样文本在保持可读大小的同时,看起来也更清晰。
设备像素比 将两者联系起来:物理像素 = CSS 像素 × DPR。
视口 是浏览器内部可见的页面区域。当您调整窗口大小、打开开发者工具或显示书签栏时,它会发生变化。
常见屏幕分辨率
| 名称 | 分辨率 | 宽高比 |
|---|---|---|
| 高清 (720p) | 1280 × 720 | 16:9 |
| 全高清 (1080p) | 1920 × 1080 | 16:9 |
| WUXGA | 1920 × 1200 | 16:10 |
| QHD (1440p) | 2560 × 1440 | 16:9 |
| UWQHD (超宽屏) | 3440 × 1440 | 21:9 |
| 4K 超高清 | 3840 × 2160 | 16:9 |
| 5K | 5120 × 2880 | 16:9 |
谁需要这些信息
网页设计师和开发者 需要根据真实的视口尺寸和像素比来测试响应式布局,并利用这些信息来重现访客提交的错误报告。
技术支持和 IT 团队 在排查显示或布局问题时,会需要屏幕的详细信息 — 使用 复制 按钮可以一次性发送所有内容。
游戏玩家和内容创作者 可以确认新显示器是否以其原生分辨率运行,而不是处于缩放或更低分辨率的模式。
购买壁纸、截图或演示文稿的用户 可以根据自己屏幕的精确尺寸来匹配图像,以获得最清晰的效果。