为什么我的 SVG 符号在 Internet Explorer 中无法正确缩放？

SVG 符号在 IE 中无法正确缩放：额外空间

Internet Explorer 有一个长期存在的错误，它无法正确缩放没有宽度和高度属性的 SVG。

解决方案

存在一个解决方案，使用涉及<画布>元素，IE 可以正确缩放。放置一个与包含 <div> 中的 SVG 具有相同的纵横比确保正确的 SVG 大小。

<div>

CSS

canvas {
  display: block;
  width: 100%;
  visibility: hidden;
}

svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}