jquery – 为什么window.width小于媒体查询中设置的视口宽度

我很困惑，仍然不确定如何用正确的话解释这个问题。到目前为止，我已经用断点设置了我的媒体查询。使用的断点变量看起来像：

$menustatictofixed: min-width 900px;

$ breakpoint-to-ems设置为true。我已经根据以下jQuery片段的像素值布置了其所有Breakpoint变量的页面：@H_502_5@

$('body').append('<div style="position: fixed; bottom: 0; right: 0; display: inline-block; font-weight: bold; padding: 5px 7px; border-radius: 5px 0 0 0; BACkground: green; color: white; z-index: 9999;">Viewport width <span id="width"></span> px</div>');
var viewportWidth = $(window).width()
$('#width').text(viewportWidth);
$(window).resize(function() {
  var viewportWidth = $(window).width();
    $('#width').text(viewportWidth);
});

一切看起来都很合适，干净。但是在过去一两天里，我有一个问题设置了一个模式的最后一个断点，并使事情行事可预测。不管怎样，首先，我在逻辑上高度怀疑的事情似乎加起来清洁和罚款，实际上是不正确的，不知何故一团糟。如果你看看下面的screenshot，那么窗口的宽度(在Chrome中)与使用window.width的jQuery片段的宽度不同。如果我将通过window.innerWidth替换window.width最终排除滚动条，也没有区别。获得正确结果的唯一方法是向方程式添加15个像素：@H_502_5@

var viewportWidth = $(window).width() + 15;

在整个方程式中唯一的问题是window.width是错误的功能选择，最好是用例如document.documentElement.clientWidth或其他或…？而为什么15像素站在哪里固定上面的问题有点黑客的方式？最好的问候拉尔夫@H_502_5@

document.body.parentNode.clientWidth