Chrome將高分辨率圖像呈現爲非常低的分辨率？

是否有任何css屬性可以幫助修復chrome如何處理圖像？Chrome將高分辨率圖像呈現爲非常低的分辨率？

我在Adobe Illustrator中爲我的網站設計了一個徽標，並且當我上傳到我的網站時。它在IE上加載很好，但在Chrome上分辨率很低。我越是增加Adobe Illustrator中圖像的尺寸（並用css重新縮放圖像），圖像變得分辨率越低，模糊和細節越不明確。

否則，在手機和其他網絡瀏覽器的鉻工作正常。

謝謝！

2017-04-20 Shady

也許最好的解決方案是使用SVG作爲Logo，因爲它的矢量基礎和無盡的縮放能力。這是一個教程。

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

您也可以使用SVG作爲BG-IMG在CSS中，如：

background-image:url(logo.svg);

和風格它

2017-04-20 14:26:28 RacoonOnMoon

嘿@Traver - 只是擡起頭，但是當我在你的位置，並作出了答案BC我無法發表評論我downvoted，並最終結束了刪除帖子。可能不會發生在你身上，但想要給你一個頭 - 技術上，如果它是一個評論，它不屬於答案，你可能會被燒傷。 –

感謝您的建議。但這也是一個答案，因爲如果他將使用svg，它將被固定爲100％。或者你不同意？ @anied – RacoonOnMoon

我可以看到 - 但如果我是你，我會刪除「我會評論，但我不能」部分 - 它邀請人們將它解釋爲評論中的答案。 –

回答