登录

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%;
    }

}
发送
热门关键词:
命令
知识类型:
标题描述:
详细解答:

提交审核您编辑的知识会经过 前端大牛 人工审核。