使用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本身并不知道该值，它将被忽略。

演示

Answer 2

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

试试myHeight+"px";