SVG缩放：在IE9中保持原始.svg高度的父容器

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标签中删除了height和width属性。

删除这些标签也恰好解决了Safari中引入额外间距的问题。