Javascript jquery获取文档宽度

我在获取文档宽度时遇到了一个奇怪的问题。我使用

$（document）.width（）

获取

$（窗口）.加载

和

$（窗口）.调整大小

，当浏览器全屏打开，然后调整（缩小）到内容要求您水平滚动以查看所有内容的宽度时，我的问题就会出现。在您需要滚动我的页眉和页脚divs的时候，就结束了。我想他们去100%的文件宽度。当我刷新页面时，问题自行解决。是否有一种解决方案允许浏览器在调整窗口大小并更新页眉和页脚div时收缩？这是我到目前为止所做的，它不起作用

$(window).load(function() {
    resize_me();
});
$(window).resize(function() {
    resize_me();
});
function resize_me() {
    var doc_width = $(document).width();
    $('#header').width(doc_width);
    $('#footer').width(doc_width);
    console.log(doc_width);
}

---

尝试

window.innerWidth

，它应该可以获得视口的大小

不需要jQuery

老实说，为什么不使用css将它们的宽度设置为

100%

#header, #footer {
    width:100%;
}

---

如果我理解正确，您可以在样式表中尝试以下内容，这将比使用JS更有效率

#header, #footer{
    width : 100%;
}

---

这不管用。当您必须向右滚动才能看到其余内容时，某些浏览器不会继续使用div的背景色。我不知道该怎么办。我可能会尝试使用一个背景图像，并重复它，看看是否有效。下面是一个我所经历的例子。最大化浏览器，然后缩小它，使其宽度小于700px。一旦窗口缩小，水平向右滚动，您将看到宽度为100%的read div仅为窗口的100%，而不是文档。