今天做网站界面,遇到一个图片在DIV+CSS中自适应大小的问题,在网上找到了解答。
不用js来控制,而是直接用css来实现。
关键是 这一行,
#pic img{max-width:780px;width:expression(document.body.clientWidth > 780? "780px": "auto" ); border:1px dashed #000;}
百分比适应同理,
#pic img{max-width:780px;width:expression(document.body.clientWidth>document.getElementById("pic").scrollWidth*9/10? "780px": "auto" ); border:1px dashed #000;}
另外一种方式:
#pic img{ max-width:560; width:expression(onload=function(){if (this.offsetWidth>this.offsetHeight){this.style.width=(this.offsetWidth > 560)?"560":"auto"
{this.style.height=(this.offsetHeight < 560)?"auto":"560px"}}
border:1px dashed #000;padding:3px; margin: 3px;}