我已经思考了将近一天。但是我找不到任何解决方案。
有没有一种方法可以使用滚动条设置自动高度div,因为到目前为止,我正在使用固定高度,但是我看到的问题是,当我在另一台具有更大或更小的屏幕分辨率的笔记本电脑或PC中打开它时,它仍然处于固定状态高度。
这是我的div:
<div style="overflow:auto; width:1050px; height:760px;">
我想要的只是高度将自动取决于屏幕分辨率。
您可以使用脚本来获取计算出的窗口高度并将其设置为等于目标元素高度。在这种情况下,该函数在加载和调整大小时执行。每个具有类别的元素autoheight
的高度都将等于窗口高度的高度:
var setElementHeight = function () {
var height = $(window).height();
$('.autoheight').css('min-height', (height));
};
$(window).on("resize", function () {
setElementHeight();
}).resize();
上面的方法很好,因为除了添加类之外,不需要任何其他更改;但是,如果您想避免使用jQuery,可以改为执行以下操作:
html, body {
height:100%;
width:100%;
}
.autoheight {
height:100%;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句