背景图片-密度屏幕(移动端)

.css {
  background-image: url(img@1x.png);
}

@media only screen and(-webkit-min-device-pixel-ratio: 2) {
  .css {
    background-image: url(img@2x.png);
  }
}
@media only screen and(-webkit-min-device-pixel-ratio: 3) {
  .css {
    background-image: url(img@3x.png);
  }
}

工具https://bjango.com/articles/min-device-pixel-ratio/

posted @ 2016-02-16 09:27  hupan508  阅读(230)  评论(0)    收藏  举报