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

Question

我使用在不同浏览器上看起来很好的svg图标，但在IE11上，svg元素的某些边框（如rect或line）在某些缩放级别上不可见。例如，在23px宽度处，一切都是可见的，但在24px时，一些边框消失。

这是一张正常的图片：

这是放大了一点：

另一个缩放级别：

Answer 1

要在浏览器之间实现更一致的扩展，请务必确保指定viewBox，但不要在width元素上保留height和svg属性。

来源：SVG in img element proportions not respected in ie9

将删除width＆amp;的shell命令当前目录中所有SVG文件的height属性：

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

来源：https://gist.github.com/larrybotha/7881691