浏览器调试窗口尺寸打印不一致
调试窗口打印的尺寸可能与实际尺寸不同，原因如下：
- 浏览器调试工具：不同的浏览器调试工具对尺寸的计算方式不同。例如，Chrome 和 Safari 报告的是窗口内部尺寸（window.innerWidth），而 Firefox 报告的是外部尺寸（window.outerWidth）。
- 视口元数据：HTML 头部中的視口元數據 (<meta name="viewport" ...>) 可能影響尺寸計算。width=device-width 和 initial-scale=1 设置将会根据设备宽度调整窗口大小。
通常情况下，以下原因导致 window.innerWidth 大于 window.outerWidth：
- 滚动条：如果页面上有滚动条，window.outerWidth 将包含滚动条的宽度，而 window.innerWidth 将不包含。
- 工具栏：某些浏览器在调试窗口中显示工具栏，这会增加 window.outerWidth 的大小。
要验证尺寸计算是否符合预期，可以同时打印 outerWidth、innerWidth 和视口元数据的内容。如果结果中存在异常，则表示可能存在浏览器错误或其他问题。
