Css Chrome Mac don'；不能很好地渲染非常小的PNG

我已经从PhotoshopCS6导出了PNG-24，它在Chrome中看起来像这样

您可以注意到三角形周围的白色笔划

在其他浏览器中正确呈现相同的PNG。 firefox中的渲染是这样的

---

我也有同样的问题。看起来，当对比度很低时，Chrome试图“解决问题”

在咬牙切齿之后，我发现：

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

对于问题元素的css解决了问题

---

另外，请看这篇文章：它处理了一个类似的问题。

我遇到了完全相同的问题。看起来，当对比度很低时，Chrome试图“解决问题”

在咬牙切齿之后，我发现：

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

对于问题元素的css解决了问题

---

另外，请看这篇文章：它处理一个类似的问题。

我也有同样的问题。只是为了说明这个问题。我的直觉是，这只发生在使用chrome的高分辨率mac屏幕上！我也有同样的问题。只是为了说明这个问题。我的直觉是，这只发生在使用chrome的高分辨率mac屏幕上！通过测试，解决了镀铬的问题。谢谢，paulcpderson:）测试了它，解决了chrome上的问题。谢谢你，保罗·德森：）