您的位置：首页 > Web前端 > CSS

css图片高清适配

2017-04-22 22:28 169 查看
　　同一张图片，在普通屏显示正常，但高清屏出现模糊。原因是原来一个像素的点分成的四个像素的点进行了显示。

解决方案：在高清屏中把图片变成二倍图,前提是二倍的高清图已经存在。

.icon{
background: url(bg.png) no-repeat; /* 宽200px; */
}
@media screen and (-webkit-min-device-pixel-ratio:1.5){
.icon{
background-image: url(bgx2.png);  /*  宽400px; */
background-size: 200px;   /* 宽200px; */
}
}


　
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航