有时候文章里放一些大图片的时候,容易超出页面大小,非常不美观。
于是想找能否有一种CSS样式,可以控制图片超出一定大小之后自动缩放,发现其实IE6以上的浏览器都支持的一种CSS属性:
img{max-width:600px;}
也就是定义图片宽度最大不能超过600px,但是遗憾的是max-width属性不支持IE6,在中国IE6的市场占有率还是不可小觑的,所以还是不行。
于是找到了下面一段代码:
img{ max-width:660px; height:auto; zoom:expression( function(elm) { if (elm.width>660) { var oldVW = elm.width; elm.width=660; elm.height = elm.height*(660 /oldVW); } elm.style.zoom = '1'; } (this)); }
终于解决了这个问题,唯一不完美的就是 IE 6 只有在图片完全下载完成后才会自动调整大小,不过聊胜于无,总比进入页面后看到长长的横向滚动条舒服的多。
- 相关文章 -
今日全国哀悼日为舟曲灾区祈祷…将网站变成灰色CSS代码 - 2010-08-15
喷绘写真设计注意事项 - 2009-10-14
CMYK色值表 - 2009-10-14
HTML to JS 或者 JS to HTML (HTML&JS互转) - 2010-07-31
CSS样式兼容IE6,IE7的技巧 - 2012-11-17
简单DIV+CSS浮动在线客服代码,支持IE6 - 2012-11-17
CSS控制大图片自动缩放的样式,支持IE6 - 2012-11-15
Photoshop组的混合属性里穿透是什么意思?PS里穿透是什么意思? - 2010-07-29
- 文章评论 -
- 最新评论[0条评论] -
版权所有©逍遥峡谷 - 星际中心超自然局 · 地球总部 |
逍遥峡谷 ·
酷品优选
Copyright©Interstellar Central Occult Agency (I.C.O.A)
本局纯属虚构,如有雷同,纯属巧合