首先你得有个高宽比（比例），根据这个比，用js计算就是了。
function resizeHeight(id,size){
var ele = document.getElementById(id);
var width = ele.offsetWidth;
ele.style.height = size*width+"px";
}
说明：id是div的id(String)，size是高宽比(Number)。
调用：
resizeHeight("youId",0.5);
window.onresize = resizeHeight("youId",0.5);
也设置百分比不行么，外层的高度只要定了，里面的设置百分比就是动态变化的了
style="height:auto;":
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ号：24596024