Question

我一直在想这一天。但我在我的问题中找不到任何解决方案。

有没有办法用滚动条设置自动高度 div ，因为截至目前我正在使用修复高度，但我看到当我在另一台笔记本电脑或个人电脑上打开它时的问题屏幕分辨率越大或越小，它仍处于固定高度。

这是我的div：

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

here's my link so you can see the program

我想要的只是高度将自动取决于屏幕分辨率..

Answer 1

您可以使用脚本来获取计算的窗口高度，并将其设置为等于目标元素高度。在这种情况下，函数在加载和调整大小时执行。类autoheight的每个元素的高度将等于窗口高度的高度：

<强> EXAMPLE HERE

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

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

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

EXAMPLE HERE

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

Answer 2

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

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

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

2 个答案: