<script language="JavaScript">
var imgObj;
for(i = 0; i < document.all.length; i++)
{
if(document.all(i).tagName.toLowerCase()=="img")
{
imgObj = document.all(i)
 //建议只判断高度或者宽度其中一个，那样可以自动按比例缩放
 if (imgObj.height>500)
 //判断图片的高度，如果大于500，则设置为200，值可以自己修改
 {imgObj.height=200}if (imgObj.width>500)
  //判断图片的宽度，如果大于500，则设置为200，值可以自己修改
  {imgObj.width=200
  }
  }
  }
  </script>
 
2.CSS里面加入下面这段代码就可以实现了
body img{
vertical-align: middle;
max-width: 500px;
width: expression(this.width >500 && this.height < this.width ? 500: true);
}
 

本文链接http://www.cxybl.com/html/wyzz/CSS/20130506/37524.html