图片太大图片撑破页面变形的解决方法

<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);
}