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

Posted 2020-10-19 以后文章更新在https://ybleeho.github.

 CSS Media Queries

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

@media only screen and (min-device-pixel-ratio: 2) {
    #element { background-image: url(‘[email protected]‘); }
}

@media only screen and (min-device-pixel-ratio: 3) {
    #element { background-image: url(‘[email protected]‘); }
}

 

 

 

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