根据屏幕分辨率更改div高度javascript [英] Changing div height according screen resolution javascript

问题描述

这是问题所在.我有

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

我要检查用户分辨率并使用JavaScript根据用户分辨率更改其身高吗?

I want to check user resolution and change his height according user resolution, using javascript?

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;
    }
}; 

推荐答案

如果要设置屏幕高度:

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

屏幕可用高度

屏幕高度

DOMElement客户端高度

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

Screen height is different from client height (document.documentElement.clientHeight).

这篇关于根据屏幕分辨率更改div高度javascript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！