javascript - 画面解像度に応じてdivの高さを変更するjavascript

Question

これが問題です。私は持っている

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

Answer 1

画面の高さを設定する場合:

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

スクリーン アベイルの高さ

画面の高さ

DOMElement クライアントの高さ

画面の高さがクライアントの高さとは異なります (document.documentElement.clientHeight)。