解决视网膜屏上看网页图片模糊的问题？

使用 img-set：



background-image: img-set( url(a.png) 1x, url([email protected]) 2x );

或 Media Query + background-size：

.sprite {
    background-image: url(sprite.png);
    background-size: 100px 200px;       
}

@media (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio:2) {
    .sprite {
        background-image: url([email protected]); 
    }  
}