兼容 IE,Firefox 的图片自动缩放的CSS

2021年1月15日   |   by tgcode

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

代码如下：

1. .Image {
2. max-width:600px;height:auto;cursor:pointer;
3. border:1pxdashed#4E6973;padding:3px;
4. zoom:expression( function(elm){
5. if(elm.wtgcodeidtgcodeth>560tgcode){
6. varoldVW=elm.width; elm.width=560;
7. elm.height=elm.height*(560/oldVW);
8. }
9. elm.style.zoom=‘1’;
10. }(this));
11. }
    

相关推荐: 前端要给力之：代码可以有多烂？

　　1、烂代码是怎么定义的？ 　　!KissyUI是淘宝Kissy这个前端项目的一个群，龙藏同学在看完我在公司内网的“读烂代码系列”之后就在群里问呵：烂代码是怎么定义的？ 　　是呵，到底什么才算烂代码呢？这让我想到一件事，是另一个网友在gtalk上问我的一个问…