有时候我们需要一个图片在多个地方调用，这个时候的宽和高我们就不能固定下来！自适应宽高！这个时候max-width和max-height就能起到这种效果了~~~设置最大宽度和最大高度！防止图片溢出或超出范围。

当然在IE6这两个属性是没有效果的，此时要用到为IE6专门制作的”配方“。

假定要对Class为demo下的img进行控制，CSS代码部分如下：

.demo img { max-width:400px; width:expression(document.body.clientWidth>400?"400px":"auto"); overflow:hidden; }

代码解释：

.demo img基本的css标签调用，

max-width:400px; 设置非IE6的其他浏览器的最大宽度为400px。注意这里不要设置高度了，才能自动缩放。

width:expression(document.body.clientWidth>400?"400px":"auto");针对IE6设置的最大宽度控制，当宽度大于400px时，宽度设置为400px.如果小于或等于400px，则按照自身的宽度 - 原图宽度。

overflow:hidden; 超出部分隐藏，避免变形！