【发布时间】：2012-01-01 05:25:26
【问题描述】：
我有一个 32 位、96x96 透明的 .png 图像，我在一个高度为 24 像素的页面中显示该图像以适合我的页眉。在 Chrome 中这显示得非常好（干净的边缘和解析），但是在 IE9 中它完全扭曲了。
我是否需要将图像尺寸从 96x96 提高到在 IE 中正确显示？
【问题讨论】：
【发布时间】：2012-01-01 05:25:26
【问题描述】：
这是 ie9 中的默认设置（我认为是 ie7 和 8），但它实际上有一个 css 解决方案：
img {
-ms-interpolation-mode: bicubic;
}
否则它将默认使用“最近邻”算法对图像进行下采样。
【讨论】：
-
@Ben D：很有趣。尝试在我的 css 中设置 img 标签，但仍然不行。我可能需要调整图像大小。
-
@Ben D：我的继承在 css 中搞砸了。这行得通！谢谢！
-
我知道这是一个旧线程，但我在 IE11 vs chrome 中遇到了同样的问题，而且这个 css 不起作用，有什么想法吗？
很遗憾，您可能需要调整它的大小。我不认为浏览器决定缩放图像的方式不受您的控制。
【讨论】：
您应该确保图像的大小等于容器的大小。您无需依赖浏览器来调整大小。除了渲染之外，调整大小还存在性能问题。
【讨论】：
-
我将它设置为在标题之外（仅在正文中）相同的大小，但它仍然失真。