Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据屏幕分辨率更改div高度_Javascript_Css_Styles_Height - Fatal编程技术网

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

Javascript 根据屏幕分辨率更改div高度,javascript,css,styles,height,Javascript,Css,Styles,Height,问题就在这里。我有 <div id="main"></div> 我甚至试过: window.onload = function() { var height = screen.height var ele = document.getElementById(main); if(ele.style.height == "auto") { ele.style.height = height; }

问题就在这里。我有

<div id="main"></div>
我甚至试过:

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


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

根据Javascript发布到目前为止您所获得的内容尝试以下
height:auto
window.onload=function(){var height=screen.height document.getElementById(main).style.height=height;};不起作用的解决方案?我不明白为什么?谢谢,这很好,问题是字符串“px”,再次感谢。非常感谢,帮助,如何在用户高度屏幕分辨率上添加更多的40px?mainNode.style.height=(screen.height+40)+“px”;
var mainNode = document.getElementById("main");
mainNode.style.height = screen.height + "px";