SVG图像略微剪裁

Question

我正在使用SVG格式，我有一些“剪辑”问题。这意味着我有wight \ height和viewbox属性（就像宽度和高度一样），但它的呈现方式不正确。

我的svg代码

<svg width="520" height="484" viewBox="0 0 520 484" preserveAspectRatio="xMaxYMin meet" xmlns="http://www.w3.org/2000/svg" class="vs-figure">

在我的CSS中我有一个响应规则

.vs-figure
  max-width: 520px
  width: 100%
  height: 100%

为什么这样渲染？我的其他svg正常渲染，但这不是。

我看到我应该使用响应行为我应该使用viewbox和css width / height 100％

实际上我可以通过将overflow: visible设置为我的SVG来解决此问题，但我不知道它是否正确。

感谢您的帮助！