[html5]自适应网页设计图片的自适应(fluidimage)

除了布局和文本，自适应网页设计还必须实现图片的自动缩放。

这只要一行CSS代码：

img{max-width:100%;}

这行代码对于大多数嵌入网页的视频也有效，所以可以写成：

img,object{max-width:100%;}

老版本的IE不支持max-width，所以只好写成：

img{width:100%;}

此外，windows平台缩放图片时，可能出现图像失真现象。这时，可以尝试使用IE的专有命令：

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

或者，

EthanMarcotte的imgSizer.js。

addLoadEvent(function(){
varimgs=document.getElementById(“content”).getElementsByTagName(“img”);
imgSizer.collate(imgs);
});

最好还是做适配分辨率的图片，有很多方法可以做到同样效果，服务器端和客户端都可以实现。