您当前位置：网站首页 >> 视觉设计 >> CSS控制大图片自动缩放的样式，支持IE6

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

来源：逍遥峡谷发布时间：2012-11-15 更新时间：2012-11-15 浏览次有0条评论

内容简介

本文链接：https://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 只有在图片完全下载完成后才会自动调整大小，不过聊胜于无，总比进入页面后看到长长的横向滚动条舒服的多。

本文链接：https://www.icoa.cn/a/618.html
关键词： css 图片自动缩放

如果您愿意支持，欢迎请扫码打赏哦~

上一篇：简单DIV+CSS浮动在线客服代码，支持IE6

下一篇：CSS隐藏DIV层和显示DIV层的控制方法

改进网页可读性的7个方法 - 2009-07-31

最舒服的色彩搭配RGB值 - 2011-06-20

模拟印鉴效果教程 - 2009-07-31

1寸、小2寸、2寸证件照片是多大尺寸？ - 2017-11-25

那些看起来美美的照片是怎么拍出来的？ - 2017-11-21

PS配置文件丢失解决办法 - 2009-07-31

投影仪投影是菱形像素和方形像素哪种更清晰呢？ - 2017-10-19

- 文章评论 -

- 最新评论[0条评论] -

[>>>点击查看更多评论]