@media screen针对不同移动设备-响应式设计

 CSS Media Queries

#element { background-image: url('hires.png'); }

@media only screen and (min-device-pixel-ratio: 2) {
    #element { background-image: url('hires@2x.png'); }
}

@media only screen and (min-device-pixel-ratio: 3) {
    #element { background-image: url('hires@3x.png'); }
}

 

 

 

https://css-tricks.com/snippets/css/retina-display-media-query/