说起图片自动缩放，很多人都不陌生，因为在外贸购物网站中的产品详细页我们会经常用到这个。但随着浏览器的不断升级，有很多针对图片自动缩放的JS都有不兼容的情况，尤其是IE有的版本对于CSS中的max-width这个属性不支持，给我们造成了不小的困扰。但是问题总是有解决方法的，使用expression便可解决这个问题，而且不用使用JS，只需CSS就可实现。

原始的图片 527*512的

#tabcont0 img {  

    max-width:300px;cursor:pointer;  

    border:1px dashed #4E6973;padding: 3px;  

    zoom:expression( function(elm)
  {  

        if (elm.width>300) {  

            var oldVW = elm.width; elm.width=300;  

            elm.height = elm.height*(300 /oldVW); 

        } 

        elm.style.zoom = ’1′; 

    }(this));
 
 
max-height:300px;
height: expression(this.width > 300 ? “300″ : true);
}

这样就可以将图片控制在300*300的范围内

加入CSS控制以后

相比JS省去了不少代码，使用起来也很容易，