我的浏览器窗口有多大？

实时测量当前浏览器视口。调整窗口大小、旋转设备或更改页面缩放，即可看到尺寸变化。

当前浏览器视口

正在测量…

宽度

—

高度

—

CSS 像素

浏览器内的页面区域，包含可能出现的滚动条，不包含标签栏、工具栏和窗口边框。

测量结果仅保留在当前页面。

浏览器尺寸指什么？

大号数字显示布局视口的宽和高，也就是页面可用区域的 CSS 像素尺寸。检查响应式布局或向开发者反馈显示问题时，可以提供这组数据。调整窗口后会自动重新测量。

为什么浏览器尺寸比屏幕小？

屏幕包含浏览器窗口和其他桌面元素。浏览器窗口内的标签栏、地址栏和边框也会占用空间，视口只测量页面区域。停靠在窗口内的开发者工具也可能缩小视口。

这些数字是物理像素吗？

不是。这里的尺寸使用网页布局中的 CSS 像素。系统显示缩放和浏览器缩放会改变 CSS 像素与物理像素的对应关系。设备像素比描述这种关系，不能单独用来确定准确的浏览器缩放百分比或屏幕原生分辨率。

手机上的双指缩放会改变什么？

双指放大可能缩小可视视口，同时保持布局视口不变。屏幕键盘弹出也可能缩小可见区域。如果浏览器支持，可视视口卡片会显示当前可见区域和双指缩放比例。