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