最新分享 » 网页技术 » DIV下图片自适应de解决方法

DIV下图片自适应de解决方法

时间:2008-1-4 作者:天空下的雨 分类: 网页技术 评论:0 浏览:8944

今天做网站界面,遇到一个图片在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;}