小编tom*_*son的帖子

好的,所以我想要一系列div,它们是用户浏览器窗口的精确宽度和高度,无论屏幕大小如何.我可以轻松地使用"宽度:100%"水平拉伸div.但我无法弄清楚如何使高度伸展自己.我猜我需要使用一些javascript来判断高度,然后另一块来调整单独的div.不幸的是,我是一个完整的javascript n00b,经过两个小时看似毫无结果的搜索,并提出了大约100个"解决方案",这就是id得到的(我确信在某些时候我可能已经接近答案了):

var viewportHeight = "height:" + document.documentElement.clientHeight; 

getElementById('section-1').setAttribute('style', viewportHeight);



<div class="section" id="section-1"></div>

<div class="section" id="section-2"></div>

<div class="section" id="section-3"></div>

编辑: 啊我应该更清楚,我试图让所有三个div占据整个屏幕,所以你必须向下滚动才能看到每一个 - 几乎像单独的幻灯片.我们的想法是每个人占据整个屏幕,所以你不能看到下一部分,直到你向下滚动,而不是有三个div占据屏幕的三分之一.