根据屏幕分辨率javascript更改div高度

时间:2012-10-12 08:31:06

标签: javascript css styles height

这是问题所在。我有

<div id="main"></div>

我想检查用户分辨率并根据用户分辨率使用javascript更改高度?

使用Javascript:

window.onload = function() {
    var height = screen.height
    document.getElementById(main).style.height = height;
};

我甚至试过这个:

window.onload = function() { 
    var height = screen.height 
    var ele = document.getElementById(main);
    if(ele.style.height == "auto") 
    {
            ele.style.height = height;
    }
    else {
        ele.style.height = height;
    }
}; 

1 个答案:

答案 0 :(得分:3)

如果您想设置屏幕高度:

var mainNode = document.getElementById("main");
mainNode.style.height = screen.height + "px";

Screen Avail Height

Screen Height

DOMElement Client Height

屏幕高度与客户端高度不同(document.documentElement.clientHeight)。