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引入额外空间的问题。