一、直接在html中定义
如<body onresize="doResize()"/>
二、直接给onresize赋值
给window和body的onresize赋值
如window.onresize=function(){},document.body.onresize=function(){}
三、使用事件监听
只对window有作用
如window.addEventListener("resize",fn)
说明：
1、直接给onresize赋值会覆盖在html中定义。
2、直接给onresize赋值，window,body只有一个起作用，后定义的会覆盖先定义的
3、事件监听只对window有效，可以其它方式同时触发。
首先你得有个高宽比（比例），根据这个比，用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)
