视口尺寸
查看此浏览器报告的页面视口;窗口变化时数值会更新,结果仅在本地显示。
使用步骤
如何使用
- 读取当前 CSS 视口宽度和高度。
- 调整浏览器窗口或旋转设备以更新数值。
- 可结合报告的设备像素比查看设备像素估算。
CSS 视口尺寸
宽高以可见页面区域的 CSS 像素报告,不包含浏览器界面。
设备像素估算
CSS 尺寸乘以 devicePixelRatio 可估算设备像素;浏览器缩放、显示缩放和多显示器会影响结果。
仅本地读取
工具只读取页面中的 window 和浏览器 API,不上传或持久化尺寸。
常见问题
你可能还想知道
这是浏览器窗口大小吗?
这是可见页面视口,可能小于浏览器外框。
为什么缩放会改变数值?
浏览器缩放和显示缩放可能改变 CSS 视口及设备像素估算。
会测量物理像素吗?
不会,设备像素只是根据 CSS 像素和报告的 DPR 估算。