SVG縮放：父容器保持原來的.svg高度在IE9

Question

**CSS** 

.testSVG { background: gray; width: 50%; } 
.testSVG img { margin: 10px; max-width: 100%; } 

**HTML:** 

<div class="testSVG"> 
    <img src="http://www.html5rocks.com/static/demos/svgmobile_fundamentals/images/HTML5- logo.svg" alt="html5"> 
</div> 

SVG Scaling example

在Firefox父DIV（在這個例子.testSVG）與縮放.SVG圖像的水平和垂直縮放。

但是在IE9中，父div水平縮放，而.svg仍然水平和垂直縮放。

我喜歡在IE中複製Firefox中發生的事情。有沒有人有任何見解？

感謝， ž

Answer 1

我有同樣的問題，我跟着回答類似的問題：

SVG in img element proportions not respected in ie9

基本上我刪除高度和寬度從SVG標籤屬性。

刪除這些標籤也發生在解決Safari引入額外空間的問題。