css 出来图片有毛边,CSS-缩放图像时禁用抗锯齿

尝试这个，这是在所有浏览器中删除它的修复程序。

img {

image-rendering: optimizeSpeed; /* STOP SMOOTHING, GIVE ME SPEED */

image-rendering: -moz-crisp-edges; /* Firefox */

image-rendering: -o-crisp-edges; /* Opera */

image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */

image-rendering: pixelated; /* Chrome */

image-rendering: optimize-contrast; /* CSS3 Proposed */

-ms-interpolation-mode: nearest-neighbor; /* IE8+ */

}

资料来源：

[http://nullsleep.tumblr.com/post/16417178705/how-to-disable-image-smoothing-in-modern-web-browsers]

[http://updates.html5rocks.com/2015/01/pixelated]

GitaarLAB