屏幕分辨率检测器

实时检测显示器参数 · 视口大小 · 设备像素比 · 浏览器缩放比例

请调整浏览器窗口查看变化

显示器信息

屏幕分辨率 - -
可用分辨率 - 扣除系统任务栏
色彩深度 - 颜色位数
屏幕方向 - -

浏览器视口

视口宽度 - window.innerWidth
视口高度 - window.innerHeight
文档宽度 - document.documentElement.scrollWidth
文档高度 - document.documentElement.scrollHeight

设备像素比 (DPR)

-
-
逻辑像素 -
物理像素 -
估算DPI -
屏幕类型 -

浏览器与系统

缩放比例 - -
触摸支持 - -
设备类型 - -
用户代理 -

显示特性检测

HDR 支持 检测中...
广色域 检测中...
暗色模式偏好 检测中...
减少动画偏好 检测中...
多显示器 检测中...

使用说明

什么是 DPR(设备像素比)?

物理像素与逻辑像素的比值。例如 Retina 屏幕 DPR=2 表示 1 个 CSS 像素对应 4 个物理像素(2×2),显示更细腻。

视口 vs 屏幕分辨率

  • 屏幕分辨率:显示器硬件本身的像素数量
  • 视口大小:浏览器窗口中网页可见区域的尺寸
  • 可用分辨率:屏幕减去系统任务栏/ Dock 后的可用空间

缩放比例如何计算?

通过对比 CSS 像素与设备独立像素的比值推算,常用于检测用户是否使用 Ctrl/Cmd + +/- 或系统缩放。

数值实时更新中...