Html 放大IE11时，Svg元素边框消失

我使用的svg图标在不同的浏览器上看起来都不错，但在IE11上，svg元素的一些边框，如rect或line，在某些缩放级别上是不可见的。例如，在23px的宽度下，所有东西都是可见的，但在24px上，一些边界消失了

这是一个普通图像：

这被放大了一点：

另一个缩放级别：

---

要在浏览器之间获得更一致的缩放，请始终确保指定

视图框

，但在

svg

元素上保留

宽度

和

高度

属性

资料来源：

一个shell命令，该命令将从当前目录中的所有SVG文件中删除

width

&

height

属性：

find./-name'*.svg'-print0|xargs-0 sed-i'-e's/width=“[0-9]*\.\[0-9]**”/'-e's/height=“[0-9]*\.\[0-9]*”/'

---

来源：

这似乎不是问题，因为我使用的svg没有宽度和高度，但有一个由Illustrator生成的视图框。一个简化的版本是：Untitled-2，即使我放了这个简单的svg，它的结果应该是一条1px的线，即一次显示一次放大时隐藏线。当然，问题不在于缩放，而在于缩放页面上的svg本身，因为在某些显示器上，svg在IE中看起来不错，但在另一方面，它不会有不可见的行。请尝试删除

rect

上的

宽度和
高度。感谢您的建议，但是删除rect上的宽度和高度后，它就不可见了，因为它没有任何尺寸。@ebsk尝试在SVG元素的
style
属性中手动设置宽度和高度，看看这是否解决了失真问题。确保使用SVG的
视图框中的高度和宽度。IE无法根据SVG的宽度来计算其高度。假设IE中不存在此类问题的最佳方法是不使用SVG。。