我来帮你揪出问题所在——你的SVG宽度设置没生效，是因为有几个地方的硬编码和缩放设置在拖后腿，咱们一步步解决：

• 移除<g>元素的固定宽度：你的<g>标签里写了style="width: 1500px;"，这个固定宽度会直接覆盖SVG外层的width="100%"，要么删掉这个样式，要么改成width: 100%。
• 调整viewBox与缩放逻辑：原SVG的viewBox="0 0 317 13.2"和path上的matrix(.265 0 0 .265 0 284)缩放是匹配的，但这会把图形锁定在固定的缩放比例里。如果要让SVG自适应宽度，建议把viewBox改成和path原始尺寸一致的数值（你的path原始宽度是1200，高度50），同时去掉path上的matrix缩放，这样width="100%"才能正常起作用。
• 确认父容器无限制：检查SVG的父元素有没有设置固定宽度、overflow:hidden或者其他限制宽度的样式，确保父容器允许SVG占满可用宽度。

下面是修改后的完整代码，你可以直接用：

body { background: black }

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="50" version="1.1" viewBox="0 0 1200 50">
  <g transform="translate(0, 0)">
    <path fill="#fff" 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>

这样修改后，SVG就会自适应容器的宽度，同时保持50px的固定高度啦。

内容的提问来源于stack exchange，提问作者Red Fox