image-set设置Retina屏下的图片显示

作用

设置在普通屏和视网膜高清屏下对应的图像，让终端根据自己的屏幕选择对应的图片。

语法

.soso .logo .qqlogo {
  display: block;
  width: 134px;
  height: 44px;
  background-image: url(./logo_1x.png);
  background-image: -webkit-image-set(url(./logo_1x.png) 1x,url(./logo_2x.png) 2x);
  background-repeat: no-repeat;
}

兼容性

目前只有Chrome和Safari对这个属性私有支持：http://caniuse.com/#search=image-set