图像在 Firefox 中无法正确缩放答案

【问题标题】：Image not scaling correctly in Firefox图像在 Firefox 中无法正确缩放
【发布时间】：2011-05-08 03:17:40
【问题描述】：

我有一个 2550 像素 x 3300 像素的文档图像。我使用 css 将其缩放到 901px 到 1166px。还使用了没有 css 的图像宽度/高度属性。它在 chrome 和 IE 中看起来很棒，但图像内容在 FF (3.6) 中看起来参差不齐。调整图像本身的大小不是一种选择（为了获得高质量的打印）。

有什么建议吗？

【问题讨论】：

是否可以将其调整为像素大小的 50% 或 25%？这通常看起来最好
调整大小并将其链接到原始图像。页面加载速度更快，您的打印质量仍将保持不变。
@Pekka，没用。 @Jimmy，这不是这个项目的选择。谢谢大家！
我只是将FF 3.6.12与IE 8.0.6001.18702进行了比较，肉眼无法察觉差异。也许你可以发布一个例子？

标签： css image firefox resize

【解决方案1】：

您可以尝试添加 CSS 标记 image-rendering: optimizeQuality;，尽管这应该是默认设置。也许您在某处有另一个标签覆盖了默认值？

来自http://articles.tutorboy.com/css/resize-images-in-same-quality.html

【讨论】：

谢谢马克。没用。除了图像，我的身体里什么都没有。也没有款式。只是一个普通的 html 页面。
@pistolshrimp，并不是说我不喜欢这些观点，但这真的解决了您的问题或引导您找到解决方案吗？

【解决方案2】：

如果想要在用户打印页面时获得更好的质量，您可以使用单独的样式表进行打印和屏幕显示。

<style>
@media screen
  {
      #origImage { display:none; }
  }
@media print
  {
      #screenImage { display:none; }
  }
</style>
...
<img id="origImage" src="original.jpg" />
<img id="screenImage" src="resized.jpg" />

【讨论】：