在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()都可以
原文：https://www.cnblogs.com/chiyanzhanfeng/p/15174269.html