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;本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2016.11.22 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读