图像在Firefox中无法正确缩放

Question

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

有什么建议吗？

Answer 1

您可以尝试添加CSS标记image-rendering: optimizeQuality;，但这应该是默认值。也许你有一个覆盖默认值的另一个标签？

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

Answer 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" />