css3二倍图

比如以300200px 的图片举例：如果想让这张图片在 Retina 屏幕下达到应有的显示分辨率，
只需使用该照片的源文件导出一张清晰的 600400px 的图片，我们将其命名为 photo@2x.jpg，替换现有的图片即可，
换成 @2X 图片，在 Retina 屏幕下的显示就清晰多了。

background-image: url("mxd_logo@1x.png");
           background-image: -webkit-image-set(url(mxd_logo@1x.png) 1x,url(mxd_logo@2x.png) 2x);
           background-image: -moz-image-set(url(mxd_logo@1x.png) 1x,url(mxd_logo@2x.png) 2x);
           background-image: -o-image-set(url(mxd_logo@1x.png) 1x,url(mxd_logo@2x.png) 2x);
           background-image: -ms-image-set(url(mxd_logo@1x.png) 1x,url(mxd_logo@2x.png) 2x)
background-repeat: no-repeat;