是不是在设计网页时经常遗漏图片大小问题？SJY就犯过这样的错，自以为网页设计的很完美了，上线后在某一篇文章中用到了大型图片，整个页面就此全乱了。在标准浏览器中，图片大小超过内容部分大小，IE中直接把内容区域撑大了。接下来SJY会教大家如何用CSS来限制图片大小。
CSS限制图片大小的方法
img{
max-width:550px;
_width:expression(this.width>550?"550px":this.width);
max-height:550px;
_height:expression(this.height>550?"550px":this.height);
}
max-width:550px;在火狐，IE7及以上浏览器中，图片最大的宽度是550像素
第二行则是在IE6中，图片最大的宽度是550像素
max-height:550px;在火狐，IE7及以上浏览器中，图片最大的高度是550像素
最后一行，是在IE6中，图片最大的高度是550像素
CSS限制图片的宽度，高度按比例缩放
img {
max-width:550px;
_width:expression(this.width>550?"550px":this.width);
height:auto;
}
在火狐，IE7及以上浏览器中，图片最大的宽度是550像素；
第二行则是在IE6中，图片最大的宽度是550像素；
height:auto;既然限制了图片宽度，为了不让图片变形，所以高度设置为自动，他会按比例缩小（在IE7和8中没有按比例缩小，可以通过JavaScript来实现等比例缩小。
也有人这么写，我没尝试过
对于IE6及其以下版本的浏览器，则可以利用其支持的expression属性，在css code中嵌入javascript code 来实现图片的缩放
.thumbImage {max-width: 100px;max-height: 100px;} /* for Firefox & IE7 */
* html .thumbImage { /* for IE6 */
width: expression(this.width > 100 && this.width > this.height ? 100 : auto);
height: expression(this.height > 100 ? 100 : auto);
}
不过最好还是不要使用expression属性。
