获取浏览器窗口宽度遇到的小bug

用$(document).width()与实际宽度有偏差

在写响应式时获取以下这个宽度时

 我使用了这个写法

 打印出来发现与上方的760宽度不一致，会偏大

搜索后发现关于获取宽度有两种写法

    $(document).width();
    $(window).width();

 把搜到的大神们的评论和解释总结了一下

$(document).width();

仅在文档加载后可用；返回的是HTML文档的宽度；文档的宽度是网页的宽度；

$(document).width()有点不可靠，导致全屏浏览器的值较低。$(window).width() 更安全。

$(window).width();

在文档加载/准备好之前可用；返回浏览器视口的宽度；获取窗口的整个宽度（包括滚动条之类的内容）；窗口的宽度是浏览器窗口的宽度

改为$(window).width()，打印的值与这个

宽度一致了。