根据屏幕分辨率改变div高度的javascript代码

Question

根据屏幕分辨率改变div高度的javascript代码

3

这是问题所在。我有...

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

- Tanja Pakovic

2

请发布一下你目前在JavaScript方面所拥有的内容。 - Dave Hogan

尝试使用height:auto;<div style="height:auto;" id="main"></div> - Vimalnath

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

无法工作的解决方案？我不明白为什么？ - Tanja Pakovic

这个问题需要更多的上下文信息... 你为什么想要用 JavaScript 去做这件事？#main 中包含什么？页面上还有其他内容吗？ - urbananimal

1

http://stackoverflow.com/search?q=div+height+%5Bjavascript%5D - mplungjan

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- JNo · Accepted Answer

如果您想设置屏幕高度：

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

屏幕可用高度

屏幕高度

DOM元素客户端高度

屏幕高度与客户端高度（document.documentElement.clientHeight）不同。