IE 9中的流体宽度SVG +

Question

这应该很简单：

我想在响应式布局中使用SVG图像。这一切似乎都运行良好，包括我在浏览器堆栈中测试的IE 9+。但是，在我可以使用的网站上，它说＆＃34; IE9-11桌面＆amp;移动设备无法正确扩展SVG文件。添加高度，宽度，viewBox和CSS规则似乎是最好的解决方法。＆＃34;我花了好几个小时研究互联网上提供的解决方法，但作为一个新手，我不理解它们。它似乎没有任何变通方法！这段代码好吗？

这是我的HTML：

    <div class="content">
        <img src="resources/test.svg">
    </div>

这是我的CSS

    img {width:100%;}
    .content {max-width:700px; margin:0 auto;}

非常感谢你

Answer 1

这取决于SVG的内容。只要您的SVG有viewBox但未指定width或height，它就可以正常工作。

请参阅：SVG in img element proportions not respected in ie9