🖥️

屏幕分辨率

比较浏览器报告的屏幕尺寸与当前页面可用的视口。选择响应式断点前,先查看 CSS 尺寸、设备像素比 DPR 和估算屏幕尺寸。

广告

调整窗口大小时会更新尺寸。

系统缩放和浏览器缩放可能改变 DPR。估算尺寸及设备参考匹配不能测量面板、DPI/PPI,也不能识别设备型号。浏览器与系统名称仅依据 user-agent 推断。

屏幕(CSS 像素)
页面视口(CSS 像素)
估算屏幕 × DPR
DPR
色深(位)
方法与限制

方法与限制

屏幕读取 screen.width/height;视口读取 innerWidth/innerHeight。估算尺寸为屏幕 CSS 尺寸乘以 DPR 后取整。方向与 xs–2xl 断点依据视口,而非屏幕。

系统缩放和浏览器缩放可能改变 DPR。估算尺寸及设备参考匹配不能测量面板、DPI/PPI,也不能识别设备型号。浏览器与系统名称仅依据 user-agent 推断。

测量代码读取显示属性,在页面内存中生成报告,不发送请求。只有点击复制且浏览器允许时才写入剪贴板。这不涵盖其他页面脚本,也不保证整个网站的隐私行为。

报告
视口方向
触控支持
🌐
浏览器估计
💻
系统估计

视口断点

参考尺寸

系统缩放和浏览器缩放可能改变 DPR。估算尺寸及设备参考匹配不能测量面板、DPI/PPI,也不能识别设备型号。浏览器与系统名称仅依据 user-agent 推断。

已复制

复制失败。请选择结果并手动复制。

嵌入此工具

请使用 1 至 4096 的整数像素尺寸。

× px (1–4096)

                        

💡 集成提示

复制嵌入代码并粘贴到您网站的HTML中。响应式版本会自动适应所有屏幕尺寸。

4.8
6 个评分
✓

关于屏幕分辨率

检测您的屏幕分辨率、设备像素比和显示信息。适合开发者和设计师。

比较浏览器报告的屏幕尺寸与当前页面可用的视口。选择响应式断点前,先查看 CSS 尺寸、设备像素比 DPR 和估算屏幕尺寸。

屏幕为 1440 × 900 CSS 像素,视口 1200 × 800,DPR 为 2:估算尺寸为 2880 × 1800,视口横向,断点 lg。改为 375 × 812 时,视口纵向、断点 xs,屏幕仍可能为 1440 × 900。

浏览器报告值;未经硬件认证

使用场景

为响应式设计测试
设置正确的图片尺寸
游戏分辨率设置
视频质量选择参考
显示器购买比较
按当前视口宽度排查布局。
制作壁纸前比较 CSS 与估算像素。
评估视频或游戏窗口可用空间。
排查显示问题时记录浏览器报告的缩放情况。
比较参考分辨率,不据此识别设备。

如何使用

1

页面自动检测屏幕分辨率

2

查看当前分辨率信息

3

查看设备像素比

4

了解常见分辨率比较

5

读取大字显示的屏幕 CSS 像素尺寸。

6

比较浏览器内容区域的视口尺寸。

7

查看 DPR 与估算尺寸,不要把它们当作实测 DPI。

8

调整或旋转窗口,观察视口方向与当前断点。

9

按需展开设备与参考详情,再复制报告;复制被拒绝时选择文字手动复制。

专业提示

  • 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 表示每英寸密度;工具不知道屏幕物理尺寸,因此无法测量。

不能。请在操作系统显示设置中更改显示模式。本页只报告浏览器数值,并在窗口调整时更新。

热门工具

没有更多工具
探索所有工具
FreeWebTools AI