css - 如何在 CSS 中使缩放图像在浏览器中平滑？

Question

我记得Joel曾经说过一个技巧，可以让缩放的图像在 IE 中平滑显示：

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

这使得缩小的图像（通过 CSS 或 HTML 宽度属性具有比实际图像更小的尺寸）平滑而不显得粗糙。

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

Answer 1

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

不。

-ms-interpolation-mode自 IE9 起已过时。有图像渲染CSS 属性，但它是实验性的，支持的值因浏览器而异。这个 SO question解决了图像渲染属性的最佳实践，它将涵盖大多数浏览器，您甚至可以为 IE7 和 8 添加 IE 特定标签，但更高版本的 IE 以及某些浏览器和高档/低档组合不是支持的。

显然，您可以在服务器端做一些事情来动态重新缩放图像，如果您真的需要高质量，那将是您的最佳选择。

Answer 2

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