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

Question

我希望我的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的高度。

任何帮助都会非常棒。

Answer 1

尝试

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

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

Demo

Answer 2

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

尝试myHeight+"px";