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

SVG 在 IE 中无法正确缩放 - 有额外空间

问题：使用 SVG 符号实现响应时， SVG 在 Internet Explorer 中无法正确缩放(IE)。

答案： IE 有一个错误，除非指定宽度和高度，否则 SVG 无法正确缩放。

解决方案：

使用尼古拉斯发现的技巧加拉格尔：

1. 添加一个与 SVG 与 <div> 具有相同纵横比的元素包含 SVG。
2. 使 不可见且可见：隐藏。
3. 将 SVG 绝对定位在 <div> 内。并将其宽度设置为 100%。

   代码:

   <div>

   CSS:

   canvas {
       display: block;
       width: 100%;
       visibility: hidden;
   }
   
   svg {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
   }

   注意： 这个技巧会强制 IE 缩放 SVG正确使用 作为参考。