css控制图片按比例缩小
2009-12-14 13:13
344 查看
IE6实现方法:
HTML部分:
JS部分:
非IE6实现方法:
HTML部分:
CSS部分:
非IE6通过CSS中的max-width,及max-height属性来限制图片的最大宽度及最大高度。
HTML部分:
<imgsrc="..."alt="..."onload="resizeImage(this)"/>
JS部分:
<mce:scripttype="text/javascript"><!-- functionresizeImage(obj){ obj.width=obj.width>50&&obj.width>obj.height?50:auto; obj.height=obj.height>50?50:auto; } // --></mce:script>
非IE6实现方法:
HTML部分:
<img src="image/test1.jpg" mce_src="image/test1.jpg" class="thumbImage"/>
CSS部分:
.thumbImage { max-width: 150px; max-height: 50px; } * html .thumbImage { width: expression(this.width > 150 && this.width > this.height ? 150 : true); height: expresion(this.height > 50 ? 50 : true); }
非IE6通过CSS中的max-width,及max-height属性来限制图片的最大宽度及最大高度。
相关文章推荐
- Div里CSS控制图片按比例扩大缩小不变形
- 图片会自动按比例缩小(js版和css版)
- 利用CSS同比例缩小图片技巧
- 利用CSS按比例缩小图片
- 用CSS等比例缩小图片代码
- 纯css的防止图片撑破页面的代码图片会自动按比例缩小
- Web标准化制作:利用CSS按比例缩小图片
- \t\t用js控制页面图片等比缩放 css图片等比缩放 比例缩放显示 js 页面 缩放图片 js缩放图片 图片按比例缩放
- 网页图片变形解决方法-固定宽度高度按比例自动缩小CSS
- 如何一个td或table里的图片等比例缩小(css问题)图片自动缩放
- CSS强制按比例缩小图片
- Css 同比例缩小图片
- 利用CSS按比例缩小图片
- js+css图片自动等比例缩小且垂直居中
- [CSS技巧] 符合Web标准!CSS同比例缩小图片
- 【CSS实现图片等比例缩小不变形】
- CSS控制图片等比例缩放
- 利用CSS按比例缩小图片
- css实现图片等比例缩小不变形
- 利用CSS按比例缩小图片