svg - 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 缩放示例

在 Firefox 中，父 div（在此示例中为 .testSVG）使用缩放的 .svg 图像进行水平和垂直缩放。

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

我也喜欢在 IE 中复制 Firefox 中发生的事情。有没有人有任何见解？

谢谢，Z

Answer 1

我有同样的问题，我在一个类似的问题中遵循了答案：

在 ie9 中不遵守 img 元素比例中的 SVG

基本上我从 svg 标签中删除了高度和宽度属性。

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