Html IE11中svg图像显示错误

我的页面上有一个svg文件，除了IE11之外，其他浏览器都能正确显示该文件

如果我在IE中打开图像本身，它会正确显示，但作为图像嵌入到页面中，有两个问题可能有相同的原因，也可能没有相同的原因——希望有解决方案

svg包含一个矩形和文本。我使用svg而不是css，因为它应该随着页面大小进行缩放，我需要稳定的纵横比。问题1：图像在IE中无法缩放。为什么

HTML: <img id="sprocket" src="sprocket1.svg"/>
CSS: #sprocket {margin: 10% 0% 10% 62%; width: 33%; min-width: 40px;}

HTML：
CSS:#链轮{边距：10%0%10%62%；宽度：33%；最小宽度：40px；}

问题#2：文本不是“在”矩形中（同样，只有在像这样嵌入到页面中时才在IE中），而是在其右侧的旁边。奇怪？当我缩小窗口时，它们之间的距离变小了

注意：我发现了一个稍微类似的问题，IE出于某种原因选择了一个旧的浏览器版本。我已经查过了

---

非常感谢你

在使用真实图像的地方，你能把一堆相关代码放在一起吗？问题2：你指的是什么文本？