首页 > 文章列表 > 浏览器调试窗口尺寸为何不一致?

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

365 2025-01-21

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

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

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

解决方法:

在 <head> 中添加以下元标记:

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

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

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

来源:1731235516