Html 如何将svg拉伸到父级的100%宽度

我有以下svg三角形：

<svg class="triangle" viewBox="0 0 2 2"><path d="M0,2 h2, v-2 Z"/></svg>

---

高度是多少？

preserveSpectratio='none'

有帮助吗？它对我有用，或者是这个-它似乎遗漏了一些对某些浏览器至关重要的标记（比如

xlmns

、

width

和

height

），但它在@TimTroiano codepen中确实有效。你确定你重置了css吗？（页面本身没有边距或填充）

.triangle {
  fill: yellow;
  width: 100%;
}