Css 如何使高度自动取决于屏幕分辨率

我已经想了差不多一天了。但我找不到解决问题的办法

有没有办法用滚动条设置自动高度div，因为现在我使用的是固定高度，但我发现问题是，当我在另一台笔记本电脑或屏幕分辨率更大或更小的pc上打开时，它仍然处于固定高度

这是我的部门：

<div style="overflow:auto; width:1050px; height:760px;">

---

我想要的只是根据屏幕分辨率自动调整高度。

您可以尝试使用固定位置：

<div style="position:fixed; overflow:auto; width:100%; height:100%;">

---

您可以使用脚本获取计算的窗口高度，并将其设置为目标元素高度。在本例中，函数在加载和调整大小时执行。每个具有

autoheight

类的元素将获得一个等于窗口高度的高度：

var setElementHeight = function () {
    var height = $(window).height();
    $('.autoheight').css('min-height', (height));
};

$(window).on("resize", function () {
    setElementHeight();
}).resize();

上面的方法很好，因为除了添加类之外，它不需要任何更改；但是，如果您想避免使用jQuery，可以这样做：

---

@YotamOmer…我以前已经试过了，但它不适合我的屏幕…也不适合working@PrincessToledo你能给我发一个到你网站的链接或者更多的代码让我仔细看看吗？@YotamOmer…我编辑了我的帖子，有一个链接让你可以下载我的程序…只有一个文件..谢谢你的帮助：）@JoshC…嗯..你能帮我吗如何在我的程序中应用它。。。我只是复制粘贴它，但我不知道如何让它运行，因为我没有使用javascript的背景知识（@johc…我在想，如果计算了浏览器的高度，为什么会有滚动条。它不应该是滚动条…因为我在它下面添加了空格，以显示它正在工作。背景：蓝色代表屏幕大小，因此是顶部内容。@johc…我明白了…如果它正在计算浏览器的高度，那么它也会计算屏幕分辨率…所以，我想我正在寻找的一个…嗯…你能帮我应用它吗？因为我只是将它粘贴到脚本中…：（很抱歉在JavaScript中是newbei。你还需要JQuery才能工作。尝试最新版本。然后将“autoheight”类放在任何你想做的事情上。

html, body {
    height:100%;
    width:100%;
}
.autoheight {
    height:100%;
}