浏览器调试窗口尺寸为何不一致？

浏览器调试窗口的尺寸打印不一致

在使用浏览器调试窗口时，可能会遇到 window.outerwidth 和 window.innerwidth 的打印尺寸不一致的问题。而 window.innerwidth 还会大于 window.outerwidth，并且与显示的尺寸也不相同。

解决方法：

在

中添加以下元标记：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

此元标记设置视口宽度等于设备宽度，初始缩放比例为 1，最大缩放比例为 1。

经过一段时间后，window.innerwidth 才会与显示的数字一致。这时，可以检查 viewport 元标记的值，看是否有异常。

以上就是浏览器调试窗口尺寸为何不一致？的详细内容，更多请关注其它相关文章！