用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');
}
});
body{height:100%}
.xxx{height:200px;}
@media (max-width: 1500px) {
.xxx{height:180px}
}
@media (min-width: 2000px) {
.xxx{height:240px}
}