jquery - jQuery('body') 值和媒体查询触发器之间的区别

Question

为了帮助响应式设计，我在 position:absolute 中有一个名为 #dimensions 的 DIV，它可以随时为我提供浏览器窗口的宽度：

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

问题是，jQuery('body') 所说的（例如，960px）和我的媒体查询的实际浏览器宽度（例如，“@media screen and (max-width: 960px )") 实际执行。

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

Answer 1

这听起来像滚动条。

查看：

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