有个名字叫随便乱记

<img src="image.jpg" data-src-600px="image-600px.jpg" data-src-800px="image-800px.jpg"  />

对应的CSS代码：

@media (min-device-width:600px){
img[data-src-600px]{
  content: attr(data-src-600px,url);
  }
}
@media (min-device-width:800px){
  img[data-src-800px] {
  content:attr(data-src-800px,url);
  }
}

有个名字叫随便乱记

原文：http://www.cnblogs.com/wallaceyuan/p/4157060.html