CSS解决图片缩小不变形使用max-width:300px或max-height:100px，即可解决图片比例缩小。但

使用max-width:300px或max-height:100px，即可解决图片比例缩小。但这样存在一个问题，如果按照宽度缩放，但图片过高会超出溢出盒子，这个时候需要对父级使用overflow:hidden隐藏超出图片内容。但是使用max-width或max-height，IE6不支持，我们需要设置个: width:expression(this.width > 300 ? "300px" : this.width); 或者 height:e-xpression(this.height>100?"100px":this.height);

例如:
  <html> 
      <head> 
          <meta charset="utf-8" /> 
          <title>图片缩小不变形实例 www.divcss5.com</title> 
          <style> 
              .divcss5{ border:1px solid #000; width:300px; height:100px;overflow:hidden} 
              .divcss5 img{max-width:300px;_width:expression(this.width > 300 ? "300px" : this.width);} 
          </style> 
      </head> 
      <body> 
         <div class="divcss5"> 
             <img src="img.jpg" /> 
         </div> 
     </body> 
  </html>