Question

我在获取文档宽度时遇到了一个奇怪的问题。我使用$(document).width()来获取$(window).load和$(window).resize的宽度，我的问题出现在浏览器全屏打开然后调整大小（缩小）到内容要求您滚动的宽度水平查看所有内容。在你需要滚动我的页眉和页脚div的地方结束。我希望他们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);
}

Answer 1

尝试window.innerWidth，它应该可以达到视口的大小。

不需要jQuery。

老实说，为什么不用css ???

将它们的宽度设置为100%

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

Answer 2

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

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

jquery获取文档宽度

2 个答案: