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

JavaScript015

如何用JS来控制div高度的自适应,第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)

javascript screen对象获取屏幕宽高如alert(screen.height)

availHeight 属性 -- 窗口可以使用的屏幕高度,单位像素

availWidth 属性 -- 窗口可以使用的屏幕宽度,单位像素

colorDepth 属性 -- 用户浏览器表示的颜色位数,通常为32位(每像素的位数)

pixelDepth 属性 -- 用户浏览器表示的颜色位数,通常为32位(每像素的位数)(IE不支持)

height 属性 -- 屏幕的高度,单位像素

width 属性 -- 屏幕的宽度,单位像素

div设置定位,宽度高度设为屏幕一般半即可,至于居中的话可以绝对定位。

设置css:min-height:you min heightmax-height:200pxoverflow-y:auto//加竖滚动条

你这是extjs吧,大体是这样的,估计就是属性名称不一样而已,你查查哦,我对extjs不是很了解