谷歌浏览器图标渲染

Question

在我的网站中，我在 Google Chrome 中正确呈现图标时遇到问题，如图所示。

如您所见，图像的右下边缘似乎被截断了。但相同的图标在所有其他浏览器（包括 IE、FF、Safari）中都能正常呈现。

以下是 Mozilla 的截图。

实际上，图标的尺寸非常大，大约 1000 X 1000 像素，我在 100 X 100 像素的区域中显示。问题是我无法缩小图像，我只能使用这些图像。

在 chrome 中，当我放大或缩小我的网站时，它会暂时正确呈现，但过一段时间后又会呈现如上所示。

任何可能的解决方案？

感谢您的宝贵时间！！

Answer 1

我已经通过使用image-rendering css 属性自己解决了这个问题。