我有一個反應靈敏的網頁設計，SVG標志/圖像是與其容器動態的。所有主流瀏覽器似乎都支持SVG真的很好。

我的SVG是動態的，所以如果我擴展我的瀏覽器窗口，SVG也是這樣做的。在Chrome和IE9中，它的作用就像一個魅力。在Firefox中，SVG在某些尺寸上是模糊的。但是，當它超過了初始的SVG大小時，我不能說它的時間模糊。當我放大瀏覽器窗口時，似乎并沒有正確地重新投遞。

這是什么看起來有時(看看它在fullsize看到的區別)：

也許我使用錯誤的方法嵌入它。這就是我的CSS和HTML的樣子：

CSS：

#logo {

background-image: url('http://dl.dropBox.com/u/569168/jess.svg');

height: 22em;

background-repeat: no-repeat;

-webkit-background-size: 100%;

-moz-background-size: 100%;

-o-background-size: 100%;

background-size: 100%;

}

如果你想看看它，請用CSS中的鏈接抓住SVG。它是用Adobe Illustrator制作的。

任何想法如何解決？

總結

以上是生活随笔為你收集整理的HTML5 svg 模糊,html5 – Firefox SVG图形模糊的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。