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

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);

简单演示。

您可能希望在div调整浏览器大小时更新 s，目前它仅在首次加载时才有效。阅读更多关于.resize().