使用javascript根据浏览器窗口大小设置div的高度

我希望div的大小根据浏览器窗口的大小动态更改。这就是我目前所拥有的

var myHeight;

if (typeof (window.innerWidth) == 'number') {

    //Non-IE 

    myHeight = window.innerHeight;

} else if (document.documentElement &&

    (document.documentElement.clientHeight)) {

    //IE 6+ in 'standards compliant mode' 

    myHeight = document.documentElement.clientHeight;

}

window.onload = function () {
    console.log(myHeight - 40);
    var primaryHeader = document.getElementById('primary-header'); //.setAttribute("height","myHeight");
    primaryHeader.style.height = myHeight;
}

我可以让它打印出浏览器的高度，但我似乎无法将其作为div的高度

---

任何帮助都会令人惊讶的，谢谢。

高度是一种长度。长度需要单位

尝试

myHeight+“px”
试试看

primaryHeader.style.height = myHeight + 'px';

在css中，
px
被添加到像素值的末尾。css不知道某个值本身，该值将被忽略

“IE 6+处于“标准兼容模式”不正确。我知道的所有IE版本都支持
innerWidth
。。。