Question

是否有任何css属性有助于修复chrome处理图像的方式？

我在adobe illustrator中为我的网站设计了一个徽标，当我上传到我的网站时。它在IE上很好地加载但在chrome上的分辨率非常低。我越多地增加adobe illustrator上的图像尺寸（并用css重新缩放），图像越低分辨率，模糊和细节不清晰。

否则，手机和其他网络浏览器上的Chrome工作正常。

谢谢！

Answer 1

可能最好的解决方案是使用SVG作为徽标，因为它的矢量基础和无限规模能够。这是一个教程。

https://css-tricks.com/using-svg/

你也可以在css中使用svg作为bg-img：

background-image:url(logo.svg);

并设计风格