img标签设置图片大小后 出现模糊的情况解决

image-rendering

mdn链接 image-rendering – CSS(层叠样式表) | MDN

CSS 属性 image-rendering 用于设置图像缩放算法。它适用于元素本身,适用于元素其他属性中的图像,也应用于子元素。

用法

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

    原文作者:W登峰造极
    原文地址: https://blog.csdn.net/qq_41806901/article/details/122560511
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞