JavaScript 获取错误的窗口大小

Question

我正在摆弄一些代码并根据窗口大小应用/删除类，并且遇到了一个奇怪的错误。我已确认我处于默认缩放(如果这很重要)，并且我已在 FF 和 Chrome 中复制了该问题。

我有一个调整大小事件处理程序，我只是用它来监视 javascript 窗口宽度值与实际值(我有一个 chrome 扩展，可以在调整大小时显示窗口和视口(viewport)宽度，以及我的引导视口(viewport)在 992px、1200px 等处准确命中，所以我知道 javascripts 值由于某种原因关闭，反之亦然)

出于某种原因，当我调整窗口大小时，console.log 中显示的窗口宽度值始终比实际屏幕尺寸小 21px。这是我用于测试的代码:

var w = 0;
    $(function () {
        w = $(window).innerWidth() || $(window).width();
    })
    
    $(window).resize(function () {
        if (w != $(window).innerWidth()) {
            w = $(window).innerWidth() || $(window).width();
            console.log(w);
        }
    });

Answer 1

尝试一下:

var iw = $('body').innerWidth();

<强> jsBin demo

回答来自:https://stackoverflow.com/a/8340177/504836