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

Question

标记，样式

HTML

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

CSS

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

示例网址

https://jsfiddle.net/rfjmanuf/

结果

火狐 58、铬 64

即 11

问题

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

Answer 1

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

尝试这个：

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

jsFiddle