html - 如何修复浏览器中模糊的缩小图像

Question

我有这个问题，如果浏览器缩小它们的尺寸，当它们扩展它们的父宽度时，它们上带有文本的图像在我的网站上看起来非常模糊。这似乎是所有浏览器的问题。

我尝试了image-rendering不起作用的css：

image-rendering: -moz-crisp-edges;
image-rendering:   -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;

关于如何解决这个问题的任何想法？

标签： htmlcssimageimage-processing