2014-01-09 96 views
0

我想獲得一個(svg-)圖像,響應性地填充100%的寬度(高度:自動)。 當我逐漸減小瀏覽器窗口的大小時,圖像大小似乎「滯後」 - 在某些點跳過一點,然後回到100%,依此類推。100%寬度的svg圖像並不總是100%寬

的代碼是:

<body> 
<img class="zigzag" width="100%" height="auto" src="images/wavegreynoborderstraight.svg"> 
</body 

沒有富餘/填充在主體並沒有什麼都設置。 這是一個常見問題?
我正在使用chrome(31.0)進行測試。

回答

0

我想你沒有正確關閉body-tag。也許,如果你在文檔中犯了這個錯誤,那可能是壞人。 否則,我們需要知道的嵌入式SVG代碼 - 也可能是無效的......

我用我自己的SVG文件試圖在Firefox中的代碼(26.0)和Chrome(31.0)和它的作品以及在這兩個,即使身體未閉合...

它也可能是,你svg太複雜。 (太多小數位或錨點) 嘗試簡化SVG編輯器中的路徑並將其輸出爲小數點後三位。

讓我知道它是否有幫助。