[基本完美]兼容 IE,Firefox 的图片自动缩放 CSS

一直以来有个很头疼的问题困扰着我，那就是图片缩放的问题，写到 JS 里面吧，不太容易修改。写到 CSS 里面吧，IE 6 又不支持 max-width，今天用了很久时间终于解决了这个问题，基本完美了，唯一不完美的就是 IE 6 只有在图片完全下载完成后才会自动调整大小，不过聊胜于无，总比进入页面后看到长长的横向滚动条舒服的多，这里使用了 expression，但是利用了一次加载，所以 expression 不会造成内存泄漏。当然，如果你有更好的解决方案，希望能与我交流。代码如下：

.Image {  
    max-width:600px;height:auto;cursor:pointer;  
    border:1px dashed #4E6973;padding: 3px;  
    zoom:expression( function(elm) {  
        if (elm.width>560) {  
            var oldVW = elm.width; elm.width=560;  
            elm.height = elm.height*(560 /oldVW); 
        } 
        elm.style.zoom = '1'; 
    }(this));
}

此文章由于 2008-03-25 16:50 编辑

本日志由 Loveyuki 于 2008-03-25 16:28 发表，目前已经被浏览 9487 次，评论 25 次；

作者添加了以下标签： CSS，Firefox，Internet Explorer，自动缩放；

引用通告：http://blog.loveyuki.com/Article/62/Trackback.ashx

评论订阅：http://blog.loveyuki.com/Article/62/Feeds.ashx

微软要强制升级 Internet Explorer 了2008-01-22 18:15
Firefox 里面选取子节点的问题。2007-12-04 10:54
Internet Explorer 8 正式版发布，网页设计的噩梦还是机会？2009-03-20 11:56
Windows 7 真能拯救 Vista 嘛？2009-04-26 08:34
隐藏 Firefox 书签工具栏菜单中的“在标签页中打开书签组”2010-03-19 10:10

评论列表

老杨

2009-05-05 22:09 | # | 回复

你好，我这边IE6显示的都压缩了，似乎高度得到的不对、
不知道你有没有遇到过这种情况
semor.yang@qq.com
Web3Lee

2010-01-28 19:46 | # | 回复

感谢强人，这个代码十分有用，收藏了～
venster

2010-03-26 14:20 | # | 回复

代码用着很方便。谢谢
柒柒

2010-03-30 21:09 | # | 回复

赶紧收藏了 - -|||
abby

2010-07-29 18:15 | # | 回复

我加上了，border:1px dashed #4E6973;padding: 3px;这些都有效，就是图片还是原始大小，不知道为什么