css 显示不同的图像。取决于视网膜设备

Posted 2021-05-13

.img {
    background-image: url('../images/mobile/logo-cp.png');
    background-image:  -webkit-image-set(
        url('../images/mobile/logo-cp.png') 1x,
        url('../images/mobile/[e-mail]') 2x);
    background-image:  -moz-image-set(
        url('../images/mobile/logo-cp.png') 1x,
        url('../images/mobile/[e-mail]') 2x);
    background-image:  image-set(
        url('../images/mobile/logo-cp.png') 1x,
        url('../images/mobile/[e-mail]') 2x);
    background-position: 15px center;
    background-size: 132px;
    background-repeat: no-repeat;
}