媒体查询处理背景图
.bgImg{
background-image: url(conardLi_1x.png);
}
@media only screen and (-webkit-min-device-pixel-ratio:2){
.bgImg{
background-image: url(conardLi_2x.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio:3){
.bgImg{
background-image: url(conardLi_3x.png);
}
}
img的srcset属性处理img标签图
<img src="conardLi_1x.png" srcset="conardLi_2x.png 2x, conardLi_3x.png 3x">