如何用JS来控制div高度的自适应

2025-03-11 08:53:49

推荐回答（3个）

回答1：

首先你得有个高宽比（比例），根据这个比，用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);

回答2：

也设置百分比不行么，外层的高度只要定了，里面的设置百分比就是动态变化的了

回答3：

style="height:auto;":