Html 如何制作<；svg>；100%宽度

我试图将此

元素拉伸到屏幕宽度的100%：

  <svg height="100" width="100">
   <path d="M0 0 L100 0 L50 100 Z" />
  </svg>

---

我需要做什么？

视图框定义了您可以看到的坐标。高度和宽度定义SVG的大小。例如

html，正文{
宽度：100%；
身高：100%；
}

为什么需要在CSS中定义html和正文？与中一样，为什么我不能在代码中只写width=“100%”height=“100%”就这样？因为堆栈片段在HTML容器中运行SVG。还要注意，

viewBox

区分大小写（与常规HTML属性不同）。