理解屏幕尺寸与分辨率
屏幕尺寸和分辨率是显示器的基本方面，影响着从图像清晰度到屏幕上能容纳多少内容的一切。了解这些规格有助于你优化工作空间并选择正确的设置。
关键显示概念
屏幕分辨率：你的显示器可以显示的总像素数，表示为宽 × 高（例如，1920 × 1080）。更高的分辨率意味着更多像素和更清晰的图像。
视口大小：显示网页内容的浏览器窗口可见区域。由于浏览器边框、工具栏和任务栏，它比屏幕分辨率小。
设备像素比（DPR）：物理像素与 CSS 像素之间的比率。2× DPR（常见于 Retina 显示屏）意味着每个 CSS 像素有 4 个物理像素，产生更清晰的文本和图像。
纵横比：宽度和高度之间的比例关系。常见比例包括 16:9（宽屏）、16:10（生产力）和 21:9（超宽）。
色深：用于表示每个像素颜色的位数。24 位（每通道 8 位）提供 1670 万色。30 位增加了 HDR 能力。
常见屏幕分辨率
1366 × 768（高清）：入门笔记本和老旧显示器
1920 × 1080（全高清）：最常用的台式机和笔记本分辨率
2560 × 1440（QHD）：游戏显示器和高性能笔记本
3840 × 2160（4K UHD）：高端显示器和专业工作
5120 × 2880（5K）：专业创意显示器
3440 × 1440（UWQHD）：超宽生产力和游戏
常见问题解答
为什么我的视口比屏幕分辨率小？
你的视口是浏览器窗口内的可见区域。差异来自浏览器 UI 元素（地址栏、标签页、书签栏）、操作系统任务栏以及可能打开的任何开发者工具。
设备像素比是什么意思？
DPR 告诉你一个 CSS 像素对应多少个物理像素。2× DPR（如 Apple Retina）意味着每个 CSS 像素使用 2×2 的物理像素网格渲染，从而产生更清晰的文本和图像。
为什么我的 4K 显示器显示 1920×1080？
你的操作系统可能正在使用显示缩放（例如，200%）。报告的 CSS 分辨率是 1920×1080，但 DPR 为 2×，实际物理像素是 3840×2160。检查上方的“物理像素”值以获得你的真实分辨率。
这在手机上有效吗？
是的！所有值都从你的设备浏览器检测。在手机上，你会看到设备的逻辑分辨率和 DPR，在现代手机上通常为 2× 或 3×。
相关测试工具
输入延迟可视化
跳帧测试
PPI 计算器
Hz 转 FPS 计算器
屏幕漏光测试