CSS中缩放图片模糊的解决方案

在CSS中图片进行缩放操作后变模糊的解决办法:

加入如下样式即可

img {
image-rendering:-moz-crisp-edges;
image-rendering:-o-crisp-edges;
image-rendering:-webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode:nearest-neighbor;
}

无论是直接img标签还是background:url()都可以

标签：crisp,img,缩放,解决方案,image,rendering,edges,CSS
来源： https://www.cnblogs.com/chiyanzhanfeng/p/15174269.html