html – 超大图像在缩小时模糊

这是我对响应式设计的第一次尝试,请原谅我这是一个愚蠢的简单问题.

我创建了一个图像并将其最大宽度设置为不大于图像的实际宽度,因为我知道放大图像会导致模糊的肮脏.

我有点困惑的是,当我收缩窗口并且img开始收缩时,它也会变得模糊……

这是正确的行为,是否有一些解决方法？

任何帮助赞赏！

最佳答案

如果你使用Fire Fox,据报道它在缩小图像方面存在问题.

Why is Firefox so bad at resizing images?

Firefox blurs an image when scaled through external CSS or inline style.

显然在CSS中添加以下内容已经解决了一些问题

image-rendering: -moz-crisp-edges;