Q

在Firefox中无法正确缩放图像

2010-11-10 28 views 1 likes

1

我有一个2550px x 3300px的文档图像。我使用css将它缩放到901px到1166px。也使用没有CSS的图像宽度/高度属性。它在Chrome和IE中看起来不错，但图像内容在FF（3.6）中看起来很锯齿。调整图像本身不是一种选择（对于高质量的打印）。在Firefox中无法正确缩放图像

有什么建议吗？

2010-11-10 pistolshrimp

+0

是否将其大小调整为正好是像素大小的50％或25％的选项？通常看起来最好 – 2010-11-10 21:09:16

+0

调整大小并将其链接到原始图像。该页面加载速度更快，而且您仍然可以获得打印质量。 – Jimmy 2010-11-10 21:33:51

+0

@Pekka，没有工作。 @Jimmy，这不是这个项目的一个选项。多谢你们！ – pistolshrimp 2010-11-11 01:07:08

A

回答

1

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

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

2010-11-10 21:16:49

+0

谢谢马克。没有工作。我身上没有任何东西，只有形象。没有样式。只是一个普通的HTML页面。 – pistolshrimp 2010-11-11 00:55:20

+1

@pistolshrimp，并不是我不喜欢这些观点，但是这确实能够解决您的问题或者将您引导至解决方案吗？ – 2010-11-12 02:42:17

1

如果目的是当用户打印，你可以使用打印和屏幕分离的样式表的页面，以获得更好的品质。

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

2010-11-11 07:16:57 JJJ

相关问题