IE中的CSS inline-block和width-auto不正确

Question

所以我在Internet Exlporer 9-11和EDGE（Spartan）中有这种奇怪的行为。

现在在所有浏览器中我都看到了这样的例子（这是需要的）：

在Internet Explorers中我看到它是这样的：

在除了Firefox之前我到处都有这个东西，直到我添加：

svg {
    width: auto !important;
}

这个固定的问题无处不在，除了IE ......

以下是您可以调整的简化示例： http://codepen.io/failure13/pen/waxaOx

对于我自己我不知道，我完全不知道IE如何在这里表现并计算宽度：auto;基于什么价值...... 我一直以为它本身应该是父元素或元素高度。

我现在尝试了我头脑中的一切。 我认为没有逻辑，所以这似乎是一个讨厌的错误。

如果是这样，也许有解决方法？ 我真的需要它，因为我真的不想使用固定宽度值（当然它会解决问题，但它不是解决方案）。

感谢所有可能提供帮助的人，让我们让网络变得更好！

Answer 1

你班上的

.svg-flex {
    width: auto;
    height: 100%;
    display: block;
}

将width更改为max-width:72px; 无论如何，这在ie 11中有效。我查了一下

这是一个有效的代码：http://codepen.io/anon/pen/aOjNrN