css3二倍图

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

background-image: url("[email protected]");
           background-image: -webkit-image-set(url([email protected]) 1x,url([email protected]) 2x);
           background-image: -moz-image-set(url([email protected]) 1x,url([email protected]) 2x);
           background-image: -o-image-set(url([email protected]) 1x,url([email protected]) 2x);
           background-image: -ms-image-set(url([email protected]) 1x,url([email protected]) 2x)
background-repeat: no-repeat;

你可能感兴趣的:(css3二倍图)