如何在CSS中的浏览器中使缩放图像流畅？

Question

我记得Joel曾经讲过一个技巧，可以在IE中顺利显示缩放图像：

img {-ms-interpolation-mode:bicubic;}

缩小尺寸的图像（尺寸小于实际图像的尺寸，通过CSS或HTML宽度属性）平滑而不显得粗糙。

是否有类似的CSS规则适用于所有主流现代浏览器，例如Firefox和Chrome？

Answer 1

  

是否有任何类似的CSS规则适用于所有专业   现代浏览器，如Firefox和Chrome？

没有

从IE9开始，

-ms-interpolation-mode已经过时了。有image-rendering CSS属性，但它是实验性的，支持的值因浏览器而异。 This SO question解决了图像呈现属性的最佳实践，它将覆盖大多数浏览器，你甚至可以为IE7和8引入特定于IE的标签，但是后来的IE版本以及某些浏览器和高级/低级别的组合不受支持。

显然，您可以在服务器端执行动态重新缩放图像，如果您确实需要高质量的图像，那将是您的最佳选择。

Answer 2

缩放：0-1;几乎可以扩展任何东西。