CSS 图像调整大小仅在 Firefox 和 IE 中混乱,在 Safari 和 Chrome 中工作正常



所以我在我 www.luciaphotography.co.uk 创建的网站上使用图像 css 图像大小调整,唯一的问题是,如果您将鼠标悬停在 FF 或 IE 中的图像上,即使图像的原始纵横比为 1:1,其中的文本看起来也很模糊。

看看 www.luciaphotography.co.uk 并将鼠标悬停在Chrome或safari中的图像上(除了第一张图像之外,所有图像都是确切的大小),您会看到文本看起来不错,但在FF中尝试,有些看起来很好,有些看起来不错,有些看起来不错,在IE中所有(除了第一张)看起来很模糊。

在不上传确切大小的原始图像的情况下是否有任何解决方法?

这是一个众所周知的缩小错误。不同浏览器的缩小质量差异很大。我不知道任何可行的解决方法。

我认为最好事先调整图像大小,这样您就可以保证所有浏览器的结果质量。

一般来说,让浏览器进行缩小并不是一个好主意。尤其是像你这样巨大的(997px -> 154px)。

您可以尝试图像渲染属性,但我认为它不会像您想要的那样改善您的结果。

最新更新