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

我有水平布局，它有5个内嵌div。在javascript中是否有方法获得用户视口的宽度，然后将其应用于每个内容面板标记的宽度，以便在每个内容面板中都是100%的宽度？我需要它是视口的100%，因为里面有视差元素

我试过下面的css代码，但是面板只是堆叠在一起

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

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

使用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，目前它仅在首次加载时工作。阅读更多信息。

因此您有5个div，并且希望每个div都与客户端视口一样宽。但你不想让沙发包起来。其他人应该去哪里？在屏幕的一侧？如果是这样，你就必须使用绝对定位，或者更好的是，不要真的这样做。通过使用JS或jQuery动画将新的div滑入和旧的div滑出，使其看起来像是这样。@Travesty3是的，我希望其他div离开屏幕，但如果我使用绝对定位，我将使用静态像素测量将5个div放在哪里。是的，我看过一些画廊旋转木马，但这不是我的目标。我将使用iscroll插件，这样我就可以有一个类似iOS的滚动条。下面是水平滚动的演示：iscroll的问题是，您需要一个静态像素宽度。我想用javascript修改滚动条的宽度，并应用到滚动条的宽度上。这段代码很神奇，在我在谷歌找到合理的答案之前，我真的试着不发布任何问题。但是这个。。。哦，是的！非常感谢你。我可能会小睡一会儿，或者在这之后。。。顺便问一下，一旦检测到浏览器调整大小，是否可以重新加载页面？