目 录CONTENT

文章目录

CSS设置宽高后图片变模糊的解决办法

老K博客
2023-10-05 / 0 评论 / 0 点赞 / 120 阅读 / 126 字 / 正在检测是否收录...
广告 广告
2023-08-06T14:00:26.png

写博客的时候偶尔发现,明明图片清晰度足够,但是通过CSS设置宽度和高度后图片就变模糊了,使用如下CSS设置可解决这个问题。

image-rendering: -moz-crisp-edges; /* Firefox */     
image-rendering: -o-crisp-edges; /* Opera */      
image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
image-rendering: crisp-edges; 
-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
img {    
image-rendering: -moz-crisp-edges; /* Firefox */     
image-rendering: -o-crisp-edges; /* Opera */      
image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
image-rendering: crisp-edges; 
-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

0
广告 广告

评论区