所以我在我创建的网站 www.luciaphotography.co.uk 上使用图像 css 图像调整大小，唯一的问题是如果你将鼠标悬停在 FF 或 IE 中的图像上，即使它们中的文本看起来很模糊图片的原始宽高比为 1:1。
看看 www.luciaphotography.co.uk 并将鼠标悬停在 chrome 或 safari 中的图像上(除了第一个图像之外的所有图像，因为第一个图像的大小是精确的)，您会看到文字看起来不错，但请尝试在 FF 中，有些看起来不错，有些则不然，在 IE 中，所有(除了第一个)看起来都很模糊。
如果不上传准确尺寸的原始图片，是否有任何解决方法？
最佳答案
这是一个众所周知的缩小错误。不同浏览器的缩小质量差异很大。我不知道有任何解决方法..
我认为最好是事先调整图像大小，这样您就可以在所有浏览器中获得有保证的结果质量。
让浏览器进行缩小通常不是一个好主意。尤其是像您的情况那样巨大的 (997px -> 154px)。
你可以试试 image-rendering属性(property)，但我认为它不会像您希望的那样改善您的结果。
关于html - css image resize 仅在 firefox 和 IE 中困惑，在 safari 和 chrome 中工作正常，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18723606/