屏幕分辨率
比较浏览器报告的屏幕尺寸与当前页面可用的视口。选择响应式断点前,先查看 CSS 尺寸、设备像素比 DPR 和估算屏幕尺寸。
调整窗口大小时会更新尺寸。
系统缩放和浏览器缩放可能改变 DPR。估算尺寸及设备参考匹配不能测量面板、DPI/PPI,也不能识别设备型号。浏览器与系统名称仅依据 user-agent 推断。
方法与限制
方法与限制
屏幕读取 screen.width/height;视口读取 innerWidth/innerHeight。估算尺寸为屏幕 CSS 尺寸乘以 DPR 后取整。方向与 xs–2xl 断点依据视口,而非屏幕。
系统缩放和浏览器缩放可能改变 DPR。估算尺寸及设备参考匹配不能测量面板、DPI/PPI,也不能识别设备型号。浏览器与系统名称仅依据 user-agent 推断。
测量代码读取显示属性,在页面内存中生成报告,不发送请求。只有点击复制且浏览器允许时才写入剪贴板。这不涵盖其他页面脚本,也不保证整个网站的隐私行为。
报告
视口断点
参考尺寸
系统缩放和浏览器缩放可能改变 DPR。估算尺寸及设备参考匹配不能测量面板、DPI/PPI,也不能识别设备型号。浏览器与系统名称仅依据 user-agent 推断。
已复制
复制失败。请选择结果并手动复制。
关于屏幕分辨率
检测您的屏幕分辨率、设备像素比和显示信息。适合开发者和设计师。
比较浏览器报告的屏幕尺寸与当前页面可用的视口。选择响应式断点前,先查看 CSS 尺寸、设备像素比 DPR 和估算屏幕尺寸。
屏幕为 1440 × 900 CSS 像素,视口 1200 × 800,DPR 为 2:估算尺寸为 2880 × 1800,视口横向,断点 lg。改为 375 × 812 时,视口纵向、断点 xs,屏幕仍可能为 1440 × 900。
浏览器报告值;未经硬件认证
使用场景
如何使用
页面自动检测屏幕分辨率
查看当前分辨率信息
查看设备像素比
了解常见分辨率比较
读取大字显示的屏幕 CSS 像素尺寸。
比较浏览器内容区域的视口尺寸。
查看 DPR 与估算尺寸,不要把它们当作实测 DPI。
调整或旋转窗口,观察视口方向与当前断点。
按需展开设备与参考详情,再复制报告;复制被拒绝时选择文字手动复制。
专业提示
- 1920 × 1080 (Full HD); 3840 × 2160 (4K UHD).
- 设备像素比影响图片清晰度
- 使用原生分辨率获得最佳效果
- 不是。DPR 是当前缩放下设备像素与 CSS 像素的比例。DPI/PPI 表示每英寸密度;工具不知道屏幕物理尺寸,因此无法测量。
- 系统缩放和浏览器缩放可能改变 DPR。估算尺寸及设备参考匹配不能测量面板、DPI/PPI,也不能识别设备型号。浏览器与系统名称仅依据 user-agent 推断。
故障排除
数值与显示器设置不同
屏幕 API 报告 CSS 像素,视口是浏览器内容区域。窗口边框、工具栏、缩放与窗口大小都可能造成差异。 系统缩放和浏览器缩放可能改变 DPR。估算尺寸及设备参考匹配不能测量面板、DPI/PPI,也不能识别设备型号。浏览器与系统名称仅依据 user-agent 推断。
常见问题解答
这里显示浏览器报告的 CSS 像素宽×高,例如 1920×1080;不能据此测量面板的物理像素密度或保证图像清晰度。
可以通过系统设置更改显示分辨率。使用原生分辨率可获得最佳显示效果。
720p 是 1280×720,1080p 是 1920×1080,4K UHD 是 3840×2160。720p 和 1080p 中的数字指垂直像素数;4K 的名称约指水平像素数。
屏幕 API 报告 CSS 像素,视口是浏览器内容区域。窗口边框、工具栏、缩放与窗口大小都可能造成差异。
不是。DPR 是当前缩放下设备像素与 CSS 像素的比例。DPI/PPI 表示每英寸密度;工具不知道屏幕物理尺寸,因此无法测量。
不能。请在操作系统显示设置中更改显示模式。本页只报告浏览器数值,并在窗口调整时更新。