SVG元素高度未缩放超过150px

时间:2017-06-16 18:27:01

标签: javascript html css svg

我在网上看过几篇关于SVG高度的默认大小是150px的帖子,但我找不到关于如何解决这个问题的明确答案。

<body>
<svg width='100%' height='100%'></svg>
</body>

我想要做的就是将SVG缩放到窗口的大小,但是在1%或1000%时,高度总是150px。

1 个答案:

答案 0 :(得分:2)

评论中已有一些答案,但我会在这里写一个。问题是,如果您的父容器没有自己的高度值,它只会与其中的内容一样大。如果你的SVG默认是150px,你的身体是150px给svg足够的空间。 150%的100%是......好吧,150。寒冷的repeated=True会将你的身体扩展到窗户的高度,使你的svg也很大。您可以通过将SVG放在div中或给出SVG固定尺寸来缩放它。