我正在使用以下css来显示661px x 343px图像:
width: 95px; height:auto;
我发现使用以下CSS会在Chrome中提供相同的模糊度:
image-rendering:-webkit-optimize-contrast;
所以删除上面的内容使得图像在chrome中更清晰,任何想法如何解决其他浏览器的问题？
一般情况下你不应该这样做,原因是用户将下载更大的图像.
想象一下,如果要在网站上显示2Mb图像,则用户必须下载2Mb文件才能查看较小的图像.最佳做法是调整图像大小并创建缩略图链接.
至于问题是浏览器渲染问题,据我所知,除此之外别无选择.