使用@media实现移动端使用@2x,@3x切换

 

  

/*dpr比值为1的css代码 */
div{
width:300px;
height:200px;
background:url(img/[email protected]) ;
}
/* dpr比值为2的css代码 */
@media screen and (-webkit-device-pixel-ratio: 2) {
div{
width:300px;
height:200px;
background:url(img/[email protected]) ;
}
}
/*dpr比值为3的css代码 */
@media screen and (-webkit-device-pixel-ratio: 3) {
div{
width:300px;
height:200px;
background:url(img/[email protected]) ;
}
}

你可能感兴趣的:(使用@media实现移动端使用@2x,@3x切换)