请问图的1倍2倍3图该怎么根据不同的手机去适配？

Question

请问ui给的是安卓的设计图，让用安卓设计图去适配苹果，图的1倍2倍3图该怎么根据不同的手机去适配，是用dpr吗？怎么去写呢？

Answer 1

.bg-image(@url) {
  background-image: url('@{url}@1x.png');  @media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2){
    background-image: url('@{url}@2x.png');
  }  @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
    background-image: url('@{url}@3x.png');
  }
}