如何使SVG viewBox用户坐标系与SVG本身提供的视口坐标系相同(height =“100%”和width =“100%”)?

对于我正在做的项目,我需要这个特殊情况,SVG元素应该响应,但我们仍需要在SVG本身上保持100%的高度和宽度 .

所以,我需要这样的东西:

<svg height="100%" width="100%" viewBox="0, 0, 100%, 100%">
  <circle cx="25" cy="25" r="20" stroke="black" strokeWidth="1" fill="black" />
</svg>

..但viewBox属性不接受百分比 .