css缩放图片代码 CSS自适应控制图片宽度和高度的方法

css自适应控制图片宽度对网页制作非常的重要，因为你不能每次发图之前都裁剪好的对吧？但是有的图片太大就会撑开网页，造成错位，那么怎么用CSS来控制图片缩放自适应大小呢？

我找到了两个比较简单的解决方法，虽然不是非常的完美，先分享出来，我会继续寻找的，

img{

border:0;
margin:0;
padding:0;
max-width:410px;
width:expression_r(this.width>410?"410px":this.width);
max-height:415px;

height:expression_r(this.height>415?"415px":this.height);

}

还有另一段代码：

img{
border:0;
margin:0;
padding:0;
max-width:410px;
width:expression_r(this.width>410?"410px":this.width);
max-height:410px;
height:expression_r(this.height>410?"410px":this.height);
}

两段CSS缩放图片代码各有利弊，第一段代码宽度固定，高度是自动缩放的，唯一的缺点是在IE浏览器高度不能缩放，使图片变形了。第二段代码所有浏览器都可以控制缩放，但缺点在于高度是设定死的，如果你的图片不是正方形，缩放后图片看起来也会怪怪的,暂时先用着，我会继续寻找的。