移动端retina图片适配问题

做用是：为了可以使得不一样分辨率的不一样浏览器用户提供适合浏览环境的图片大小的解决方案，以前的解决方案是@media

1.image-set用在css背景图上如：

.box{

　　background-image:url(icon.png) 0 0 no-repeat;

　　background-image:-webkit-image-set(url(icon.png) 1x,url(icon@2x.png) 2x);

}

 

2.srcset用在img标签里如：

<img src="icon.png" srcset="icon@2x.png 2x">

 

可参考 http://www.css88.com/book/css/values/image/image-set().htm