问如何将<svg>设置为100%宽度
EN

Stack Overflow用户

提问于 2015-08-16 04:35:10

回答 1查看 29.7K关注 0票数 21

我试图让这个<svg>元素伸展到屏幕宽度的100%：

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

我该怎么办？

回答已采纳

发布于 2015-08-16 05:09:19

viewBox定义了您可以看到的坐标。Height和width定义SVG的大小。例如。

html, body {
  width: 100%;
  height: 100%;
}

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

票数 34

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/32029094

复制

相似问题

问如何将<svg>设置为100%宽度EN