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