Javascript 导航手机下拉列表，确定屏幕大小

我的WordPress网站上有一个下拉菜单，其中显示了列出的所有页面

但是我想让这个下拉导航填充屏幕的高度

到目前为止，我的目标是

#主导航ul

如果我在上面设置了一个高度，它会影响下拉列表的高度

---

我知道我需要能够使用JavaScript检测屏幕大小，然后将其传递到高度？

CSS3有两个全新的大小单位：

vh

（视图高度）和

vw

（视图宽度），相对于视口的大小，哪些元素的大小可以调整

html正文{填充：0；边距：0；}
#主导航{
宽度：100vw；
高度：100vh；
背景颜色：蓝色；
}

---

请注意，片段实际上不会覆盖整个视口，因为它们在iframe中运行。