Skip to Main
系统环境

Viewport Size Viewer

实时查看视口、文档和滚动位置,适合排查断点抖动、滚动容器与截图尺寸问题。

视口概览
这里展示的都是 CSS 像素单位,更适合直接对照响应式断点。
原始 JSON
适合直接贴到 issue 或设计评审里。
浏览器完成挂载后,这里会显示视口检测结果。
如何判断布局问题来源
常见排查思路
innerWidth 变化而 clientWidth 不变,多半是浏览器 UI 或缩放影响。
documentHeight 明显大于 clientHeight,说明页面存在可滚动内容。
scrollWidth 大于 innerWidth 时,优先检查横向溢出或固定宽度元素。

Command Palette

Search for a command to run...