图片的响应式设计按照目前大部分网站的使用方式是先加载一个桌面版本的图片，再判断设备类型，根据设备类型重新加载图片，这样做对于移动设备来说不是特别理想，需要两次加载图片。浪费了宽带资源，况且移动设备的带宽本身都不大。

这里介绍两种响应式设计方式

一种是使用CSS的媒体查询功能

二是使用Picturefill标签

具体介绍查看我的博客文章：

http://www.xcoder.cn/index.php/archives/1130