请问图的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');   } }