天空下的雨

用乐观的生活,品味非凡人生。 博客搬家了,欢迎进入新博客:www.sh96.cn
04

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

推荐(0)
收藏
分享至:

相关日志

发表评论: