#自适应图片解决方案 ##现代浏览器解决方案 对于现代浏览器，只需：

img {
    max-width: 100%
}

若对图片充满其父容器的宽度有限制，则可以根据实际需要设置百分数值， 假如我想让图片最多不能超过父容器的一半，则设置为50%即可 ##IE7下的图片缩放 对自适应图片来说，缩放有时候是不可避免的，因此失真也是不可避免的，只是可以让图片看起来不那么失真。 对IE7在对图片缩放，加入以下一行CSS代码即可让图片缩放时看起来不那么失真：

img { -ms-interpolation-mode: bicubic; }

根据MSDN描述：即让图片缩放时采用三次插值算法进行图片像素补偿，默认是不开启的， 还有个nearest-neighbor值，使用最近邻算法，这个速度是最快的，但是效果是最差的，你懂的。

所以综合起来的图片自适应解决方案如下：

img {
    max-width: 100%;
    -ms-interpolation-mode: bicubic;
}

效果图如下：

-ms-interpolation-mode的效果比较，可以点我进入DEMO， 在IE7下查看效果，左图为nearest-neighbor， 中间为正常， 右图为bicubic ##DEMO 本博客的所有图片都已经是自适应的啦，来试一试吧~-~