屏幕分辨率检测器

你的屏幕分辨率显示在上方工具卡片顶部，例如 1920 × 1080。这是以 CSS 像素为单位的屏幕尺寸，即浏览器用于页面布局的逻辑单位。其下方还有估算的物理分辨率，它考虑了显示缩放。两个数字不同说明显示器开启了缩放——这在高分辨率面板上是正常且推荐的状态。试着调整浏览器窗口大小或将窗口移到另一台显示器，即可看到数值实时更新。

现代高分辨率显示器通过缩放让文字和图标保持舒适大小。150% 缩放的 4K 显示器报告 2560 × 1440 CSS 像素，而面板实际渲染 3840 × 2160。浏览器的 screen.width 与 screen.height 始终使用 CSS 像素，因此报告的是缩放后的逻辑分辨率。将其乘以设备像素比即可得到物理分辨率——这正是本页物理分辨率估算为你完成的计算。

设备像素比是浏览器绘制 1 个 CSS 像素所使用的物理像素数量。DPR 为 1 表示一个 CSS 像素等于一个物理像素；DPR 为 2（常见于 Retina 及现代笔记本）表示每个 CSS 像素由 2 × 2 的物理像素块绘制，画面更细腻。缩放也会改变 DPR：浏览器放大到 125% 时，报告的 DPR 会乘以 1.25——这也是物理分辨率标注为“约”的原因。

屏幕分辨率描述整块屏幕——完整的显示器或手机屏幕。视口是浏览器窗口内网页的可见部分：不含浏览器工具栏、地址栏、侧边栏与滚动条。浏览器最大化时视口略小于屏幕；小窗口悬浮时则可能小得多。Web 开发者使用视口（而非屏幕分辨率）构建响应式布局，因此本页将两个数值并列展示。

物理分辨率由 CSS 分辨率乘以设备像素比并取整计算得出。两个因素使其成为估算值：浏览器缩放会改变报告的 DPR——110% 缩放下 DPR 2 会被报告为 2.2；部分浏览器还会对屏幕尺寸自行取整。当浏览器缩放为 100% 时估算值是精确的，因此如需精确读数，建议先将缩放重置（Ctrl/Cmd + 0）再查看。

可用区域是屏幕中未被操作系统固定元素占用的部分，例如 Windows 任务栏、macOS Dock 或移动设备的系统栏。1920 × 1080 的屏幕在默认 Windows 任务栏下，可用高度为 1040 像素或更低。应用程序（包括最大化的浏览器窗口）都在可用区域内布局，因此计算最大化窗口实际获得的空间时，它往往是更实用的数字。

打开本页并读取物理分辨率估算值——浏览器缩放为 100% 时它与面板原生分辨率一致，因为缩放无法改变硬件渲染的像素数量。也可在操作系统中交叉验证：Windows 打开“设置 › 系统 › 显示”，查看“显示分辨率”（推荐项即原生分辨率）；macOS 打开“系统设置 › 显示器”——“默认”选项通常以原生分辨率配合缩放保证清晰度。

支持。工具仅使用标准浏览器接口，可运行于 Android 与 iOS 浏览器以及桌面端。移动端报告的屏幕分辨率通常是设备的逻辑（CSS）分辨率——例如许多 Android 手机为 393 × 851——而物理分辨率估算反映实际面板。旋转设备时，方向、宽高比与两个维度会实时互换。移动端的可用区域不含系统状态栏与导航栏。

完全免费。无收费、无注册、无下载，检测次数不限。所有测量都在浏览器本地完成：页面读取你的屏幕、窗口与显示设置并渲染在屏幕上。不向任何服务器发送屏幕数据、设备指纹或使用统计，关闭标签页后不会保存任何内容。页面加载后甚至可以离线使用。

工具卡片会实时更新。调整窗口大小会改变视口；缩放会改变设备像素比进而影响物理估算；旋转手机会交换宽高；将窗口移到第二台显示器会重新测量所在屏幕。如果你没有进行任何操作而数值变化，则是外部事件所致——例如显示器休眠、笔记本切换扩展坞输出，或操作系统因辅助功能自动调整缩放。