如何用JS来控制div高度的自适应 100
html5的环境。有8个子div。宽度为20%。然后设定一个高度。能实现随着宽度的变化而变化。...
html5的环境。有8个子div。宽度为20%。然后设定一个高度。能实现随着宽度的变化而变化。
展开
3个回答
展开全部
首先你得有个高宽比（比例），根据这个比，用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);
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);
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
也设置百分比不行么，外层的高度只要定了，里面的设置百分比就是动态变化的了
追问
求事例
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
