SVG 100vh高度，自动/响应宽度？

有没有一种简单的方法可以让div中的SVG响应父容器的高度并相应地调整宽度

<div class="wrapper">
  <div class="svg-wrap">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192.75 512">
      <title>SVG FULL HEIGHT</title>
      <g id="Layer_2" data-name="Layer 2">
        <g id="export">
          <path class="cls-1" d="M41.71,256c0-110.21,61-206.16,151-256H0V512H192.75C102.7,462.16,41.71,366.21,41.71,256Z" />
        </g>
      </g>
    </svg>
  </div>
</div>

SVG全高

---

将SVG设置为

100vh

正文{
保证金：0；
填充：0；
}
.svg包装svg{
高度：100vh；
}
.包装纸{
背景：#CCC；
}
.cls-1{
填充：#ffcc00；
}

SVG全高

谢谢！我可以发誓我试过了，但后来，我很累，所以我显然把某个地方搞砸了。