css3怎么判断、检测4K高分屏，苹果显示器背景图片模糊，怎么提高清晰度，2x像素

<div class="fedrobots-logo"></div>

/* 普通屏幕背景图片 */
.fedrobots-logo {
    background-image: url(../img/logo.png);
    width: 330px;
    height: 70px;
}

/* 当设备像素比不小于1.5的时候，用2x的660*140的背景图片 */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .fedrobots-logo{
        background-image: url(../img/logo@2x.png);
        background-size: 100%;
    }

}