jQuery 窗口宽度有时返回错误值

Question

有时当我打电话时:

$(window).width();

返回的值是错误的(在除 IE 之外的所有浏览器上，在 IE 上它总是正确的)。我使用该行:

$('div.container p').text($(window).width());

更改 p 元素的文本，以便我可以在调整窗口大小时看到返回的值。下面是返回值错误时的示例:

在右上角，您可以看到 Chrome 上的实际尺寸。

我注意到当值错误时，它总是偏离 17px。

请注意，返回的值并不总是错误的，因此大多数情况下窗口看起来应该是正确的。

救命!

Answer 1

@Inacio Schweller 是正确的。

要获得一致的跨浏览器结果，您可以使用非 jQuery 版本:

window.innerWidth

尝试在浏览器的控制台中输入此内容，您会发现无论您使用什么浏览器，它都会返回一致的结果。

注意:非 jQuery 版本 window.outerWidth 在 IE 和 Chrome 中返回相同的结果，但在 Firefox 中返回稍小的值。