svg - 使 svg 宽度为 100%

Question

我有一个 SVG，但我无法将其宽度设置为 100%。我该如何解决？

body {
background: black
}

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="50" version="1.1" viewBox="0 0 317 13.2">
 <g transform="translate(-0.5 -284)" style="
    width: 1500px;
">
  <path fill="#fff" width="100%" transform="matrix(.265 0 0 .265 0 284)" d="m0 0v50h1200v-50h-560a40 40 0 0 1-40 40 40 40 0 0 1-40-40h-560z" fill-rule="evenodd" style="paint-order:markers fill stroke"></path>
 </g>
</svg>

我试图写属性 width="100%" 但它不起作用。

标签： svg