为什么我的 SVG 在 Internet Explorer 中无法正确缩放，如何修复它？

SVG 在 IE 中无法正确缩放

为什么会发生这种情况？

IE 有一个已知错误，如果两者都无法正确缩放 SVG宽度和高度未明确指定。

如何修复它？

为了解决 IE 中的这个问题，可以采用 Nicolas Gallagher 发现的一个技巧。该技术利用了。元素，IE 可以正确缩放。通过放置一个与

<div> 中的 SVG 具有相同的纵横比包含 SVG，它强制 SVG 以正确的尺寸渲染。

实现

这里是带有 的更新代码窍门：

<div>

自定义样式

要正确定位元素，请添加以下 CSS：

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

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

通过这些调整，SVG 应在 Internet 中正确缩放探索者。