jQuery（'body'）值与媒体查询之间的区别触发

Question

为了帮助进行响应式设计，我有一个名为#dimensions的DIV：绝对可以随时给我浏览器窗口的宽度：

jQuery("#dimensions").html(jQuery('body').width());
    jQuery(window).resize(function() {
    jQuery("#dimensions").html(jQuery('body').width());
});

问题是，jQuery（'body'）所说的（例如，960px）和我的媒体查询的实际浏览器宽度之间总是有20像素的差异（例如，“@ media screen and（max-） width：960px）“）实际执行。

为什么这样以及如何解决？

Answer 1

听起来像滚动条。

退房：

• http://matanich.com/test/viewport-width/
• https://github.com/tysonmatanich/viewportSize