如何在 IE 中做没有高度的自动缩放内联 svg？

【问题标题】：How to do auto scaling inline svg without height in IE?如何在 IE 中做没有高度的自动缩放内联 svg？
【发布时间】：2018-08-05 18:27:36
【问题描述】：

标记、样式

HTML

<svg viewBox="0 0 50 50">
    <circle cx="25" cy="25" r="25" />
</svg>

CSS

svg { width:50px; border:1px solid red; }

示例网址

Firefox 58、Chrome 64

IE 11

我想知道如何像其他浏览器一样在 IE 中渲染？感谢您的阅读。

【问题讨论】：

【解决方案1】：

将width 和height 与viewBox 的最后2 个值相同。第一个是width，第二个是height。因为 SVG 不能按应有的方式缩放。

试试这个：

<svg width="50px" height="50px" viewBox="0 0 50 50">
    <circle cx="25" cy="25" r="25" />
</svg>

【讨论】：