根據屏幕分辨率更改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"; 

Screen Avail Height

Screen Height

DOMElement Client Height

屏幕高度是從客戶端高度（document.documentElement.clientHeight）不同。