如何在页面加载时将<div>设置为浏览器窗口的宽度（即，在调整浏览器窗口大小时保持相同的宽度）</div>

Question

当我设置包含所有页面的<div>的宽度100％时，每当我调整窗口大小时，<div>也会调整大小。

我想要实现的是，无论您打开页面的浏览器和屏幕，我都希望div具有100％的完整窗口的widh，并且保留它，因为它已设置 ，这样当你调整窗口大小时，div大小仍然是相同的。

有可能吗？

Answer 1

您可以使用jQuery执行此操作：

winW = $(window).width();

$('#container').css('width', winW);

Answer 2

您应该在css中将宽度设置为100％，然后使用JavaScript onLoad函数将其覆盖为像素。您的用户不应该注意到它。

您可以找到很多JavaScript代码示例。

Answer 3

使用jQuery的onload在加载后检索计算的宽度，然后将其设置为div定义的宽度：

$(function() {
    var width = $("#mydiv").width();
    $("#mydiv").width(width);
});