获取视口的宽度并将其应用于标记或类宽度

Question

我有水平布局，它有5个内联div。有没有办法在javascript中获取用户视口的宽度然后将其应用于每个内容面板标签宽度，所以在每个内容面板中它将是100％？我需要它是视口的100％，因为它内部有视差元素

我在下面尝试过这个css代码，但面板只是堆叠在一起。

#contentPanel { width: 100%; float: left;}

我真的不知道问题是否有意义，因为我已经进行了16个小时的搜索并试图解决这个问题。

Answer 1

使用JQuery很容易：

var fullDiv = $("div");

var viewportWidth = $(window).width();
var viewportHeight = $(window).height();

$("body, html").width(3*viewportWidth);
fullDiv.width(viewportWidth);
fullDiv.height(viewportHeight);

简单Demo。

您可能希望在浏览器调整大小时更新div，目前它仅在首次加载时才有效。详细了解.resize()。