Sitemap Rss
·您当前位置:网站首页 >> 网页与设计 >> 阅读文章

CSS控制大图片自动缩放的样式,支持IE6

来源:逍遥峡谷 发布时间:2012-11-15 浏览0条评论
内容简介

相关关键词:css   图片   自动缩放  

本文链接:http://www.icoa.cn/a/618.html [复制网址]

有时候文章里放一些大图片的时候,容易超出页面大小,非常不美观。

于是想找能否有一种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 只有在图片完全下载完成后才会自动调整大小,不过聊胜于无,总比进入页面后看到长长的横向滚动条舒服的多。

本文链接:http://www.icoa.cn/a/618.html
关键词: css   图片   自动缩放  
上一篇:简单DIV+CSS浮动在线客服代码,支持IE6
下一篇:CSS隐藏DIV层和显示DIV层的控制方法
相关文章
·比较好看的配色以及如何找到自己喜欢的配色 2016-03-16 17:59:54
·PS CS3输入文字和移动图层等延迟和反应慢解决方法 2011-01-18 15:27:34
·大8开尺寸、大度八开纸等的标准尺寸 2009-12-11 10:34:32
·Photoshop快捷键大全 2009-12-09 10:09:37
·Photoshop常用快捷键 2009-12-09 10:02:53
·画册及宣传单页等印刷品如何出血 2009-12-04 16:42:10
·广告的定义 2009-07-31 11:51:44
·平面广告设计知识 2009-07-31 11:50:15
文章评论

共有0条评论(点击查看)



6686

逍遥峡谷 逍遥乱弹 张立博 飓风团队 爱之路 酷品优选 宝贝派 张子涵


版权所有©逍遥峡谷 Copyright©Canyon of Airily 冀ICP备06033848号