css – 如何设置svg的宽度和svg的高度百分比?

前端之家收集整理的这篇文章主要介绍了css – 如何设置svg的宽度和svg的高度百分比?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用svg.创建一行,但是当我调整浏览器的大小时,使用svg创建的行没有调整大小.

我尝试设置宽度的svg百分比,但做了之后,该行不出现.如何设置svg的百分比宽度?

<svg height="210" width="500">
  <line x1="380" y1="20" x2="230" y2="200" style="stroke: rgb(234,243,234); stroke-width: 5"></line>
</svg>

解决方法

解决了我的问题.
我把代码改成了这个,这是正常的:
<svg style="width:100%;height:100%;">
  <line x1="100%" y1="0%" x2="0%" y2="100%" style="stroke: rgb(234,234);stroke-width: 5;"></line>
</svg>

猜你在找的CSS相关文章