Javascript HTML部分视口的100%高度

我正在尝试建立一个包含第（5）部分的单页网站。我试着让每一个部分都有100%的宽度和高度。因此，即使调整了窗口的大小，剖面大小也会随之调整

---

我听说过JavaScript，但没有找到任何好的解决方案。有人能帮我吗？媒体查询是否可行？

NB:vh仅适用于笔记本电脑和较大屏幕尺寸，因为对于较小的移动屏幕，vh还考虑了浏览器窗口，该窗口显示网站以及浏览器窗口上方的项目，如音量、电池等

这可以在CSS中单独完成，不需要Javascript

正确的方法是使用：

vh:视口高度的1/100

vw:视口宽度的1/100

因此，如果将希望的元素的高度设置为视口的100%，则高度设置为

100vh

，将为您提供所需的内容

html，
身体{
身高：100%；
保证金：0；
}
部分{
高度：100vh；
}
第N节儿童（1）{
背景：浅蓝色；
}
第N节儿童（2）{
背景：浅绿色；
}
第N节儿童（3）{
背景：紫色；
}
第N节儿童（4）{
背景：红色；
}
第N节儿童（5）{
背景：黄色；
}

---

Compatibility:（剧透：不是一个幸福的结局。）@Steve-除了Opera8和