代码、数据与二维码工具

视口尺寸

查看此浏览器报告的页面视口;窗口变化时数值会更新,结果仅在本地显示。

优先本地处理无需注册隐私说明 ↗
Width
—
Height
—
Estimated device pixels
—

CSS 尺寸乘以 devicePixelRatio 可估算设备像素;浏览器缩放、显示缩放和多显示器会影响结果。

使用步骤

如何使用

  1. 读取当前 CSS 视口宽度和高度。
  2. 调整浏览器窗口或旋转设备以更新数值。
  3. 可结合报告的设备像素比查看设备像素估算。

CSS 视口尺寸

宽高以可见页面区域的 CSS 像素报告,不包含浏览器界面。

设备像素估算

CSS 尺寸乘以 devicePixelRatio 可估算设备像素;浏览器缩放、显示缩放和多显示器会影响结果。

仅本地读取

工具只读取页面中的 window 和浏览器 API,不上传或持久化尺寸。

常见问题

你可能还想知道

这是浏览器窗口大小吗?

这是可见页面视口,可能小于浏览器外框。

为什么缩放会改变数值?

浏览器缩放和显示缩放可能改变 CSS 视口及设备像素估算。

会测量物理像素吗?

不会,设备像素只是根据 CSS 像素和报告的 DPR 估算。