有时候文章里放一些大图片的时候,容易超出页面大小,非常不美观。
于是想找能否有一种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 只有在图片完全下载完成后才会自动调整大小,不过聊胜于无,总比进入页面后看到长长的横向滚动条舒服的多。
- 相关文章 -
HTML to JS 或者 JS to HTML (HTML&JS互转) - 2010-07-31
平面设计水平就如华山的剑宗气宗 - 2009-08-27
Photoshop组的混合属性里穿透是什么意思?PS里穿透是什么意思? - 2010-07-29
1寸、小2寸、2寸证件照片是多大尺寸? - 2017-11-25
那些看起来美美的照片是怎么拍出来的? - 2017-11-21
投影仪投影是菱形像素和方形像素哪种更清晰呢? - 2017-10-19
如何设置网站的PC版和移动版/无线版,以及两者之间的适配关系 - 2017-08-04
电脑里出现Tempzxpsign文件夹的解决办法 - 2017-06-13
- 文章评论 -
- 最新评论[0条评论] -
版权所有©逍遥峡谷 - 星际中央超自然局·地球总部 | 冀ICP备06033848号
Copyright©Interstellar Central Occult Agency (I.C.O.A)
本局纯属虚构,如有雷同,纯属巧合
网络违法犯罪举报