Css IE边缘显示IE 9破解

在呈现一些SVG图像时，我使用bootstrap.img响应类和属性

display: block;
width: 100% \9;
max-width: 100%;
height: auto;

---

在IE9中，它通过渲染宽度：100%属性按预期工作。但是IE Edge将其渲染为宽度：100%\9，并使其无法正确应用。这是IE Edge的已知问题吗？

我看到了相同的问题，并且看到在Edge下，一些SVG将正确显示，其他SVG将被拉伸

我选择了在

\9

的基础上进行二次黑客攻击，目标是IE>=11：

.img-responsive[src$=".svg"] {
  width: 100%\9; /* IE 6-10 */
}
_:-ms-fullscreen, :root .img-responsive[src$=".svg"] {
  width: 100%; /* IE 11+ */
}

第二个选择器用有效的

宽度：100%\9

覆盖

宽度：100%\9

（在Edge中被视为无效值）

我使用CSS3属性选择器使这些规则仅适用于SVG。IE7支持这种语法（请参阅）

进一步阅读：

---

并且我找不到

宽度

属性。你为什么需要破解呢？我使用的版本是v3.2.0。问题是没有宽度属性，即不符合给定的最大宽度。您能给我们提供示例代码来测试它吗？