jquery获取文档宽度

进入一个奇怪的问题，获取文档的宽度。我使用$(document).width()来获得$(window).load和$(window).resize上的宽度，当浏览器全屏打开然后调整大小（缩小）到内容要求您水平滚动以查看所有内容的宽度时，会出现问题。在你需要滚动我的页眉和页脚div的时候就结束了。我希望他们去100％的文件宽度。当我刷新页面时，问题就解决了。在调整窗口大小并更新页眉和页脚div时，是否有解决方案允许浏览器缩小？这是我到目前为止，它不工作。jquery获取文档宽度

$(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); 
}

来源

2011-08-30 sean_sean_sean

这里是我经历的一个例子。最大化您的浏览器，然后缩小它，使其宽度小于700px。一旦窗口缩小到水平向右滚动，您将看到读取宽度为：100％的div仅为窗口的100％...而不是文档。 http://pastebin.com/s45pZRWd –

尝试window.innerWidth，它应该让你的视口的大小。

不需要jQuery。

诚实地说，为什么不把它们的宽度设置为100%用css？

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

来源

2011-08-30 02:15:51 jondavidjohn

这不起作用。有些浏览器不必继续div的背景颜色，当您必须滚动到右侧才能看到其余内容。我不知道该怎么做。我可能会尝试使用背景图片并重新对其进行重新审视，看看是否有效。 –

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

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

来源

2011-08-30 02:16:33 Loktar

jquery获取文档宽度

回答

相关问题