Jquery resize（）忽略滚动条的宽度？

Question

我正在做一个响应式网站，要求我使用javascript / jquery resize方法交换我的html，这些是我的代码：

$(window).resize(function() { 

    if($(document).width() <= 751){
        $('.mainSec').insertBefore('.ourSerAside');
    }else{
        $('.ourSerAside').insertBefore('.mainSec');
    }

});

原始条件应该小于或等于768 （因为我想在它等于768px时触发......），但它是如此的工作。我注意到这是由于滚动条的额外宽度 17px宽度。

有吗

因此768-17px（滚动条宽度）= 751px

是否有更简单的方法可以忽略滚动条的宽度？因为我的代码看起来很混乱来自css和javascript的媒体查询的不同值.......

Answer 1

无论滚动条如何，您都可以尝试$(window).width()来获取窗口的大小。

Answer 2

抱歉，我正在使用Chrome浏览器，我正在使用开发人员工具。

我弄错的原因是因为我指的是chrome开发人员工具提供的宽度（首先包括宽度和滚动条）。

我应该得到的宽度是身体的宽度而不是浏览器的整体宽度