缩小时,超大图像模糊

Ste*_*fan 5 html css image

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

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

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

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

任何帮助赞赏!

Phi*_*ide 5

如果您使用 Fire Fox,据报道在缩小图像时会出现问题。

为什么 Firefox 在调整图像大小方面如此糟糕?

当通过外部 CSS 或内联样式缩放时,Firefox 会模糊图像。

显然,将以下内容添加到 CSS 已解决了某些问题

image-rendering: -moz-crisp-edges;
Run Code Online (Sandbox Code Playgroud)

  • 我正在使用 Firefox,实际上似乎当我在 Safari 中查看时它显示正确。它似乎确实是特定于 Firefox 的,但是添加上面的规则确实使图像锐化,但实际上使图像变得更糟。 (2认同)