怎么设置div的高度,当屏幕变宽时,高度增加

2025-02-28 00:20:12
推荐回答(3个)
回答1:

用JavaScript或jQuery控制

$(document).ready(function(){
var win_w=($(window).width())
if(win_w<1500){
$('div').css('height','180px');
}else if(win_w>1500 && win_w<2000){
$('div').css('height','200px');
}else if(win_w>2000){
$('div').css('height','240px');
}
});

回答2:

body{height:100%}

回答3:

.xxx{height:200px;}

@media (max-width: 1500px) {
.xxx{height:180px}

}
@media (min-width: 2000px) {
.xxx{height:240px}

}