Javascript SVG元素高度未缩放超过150px
我在网上看到过几篇关于SVG高度的默认大小是150px的帖子，但是我找不到一个明确的答案来解决这个问题Javascript SVG元素高度未缩放超过150px,javascript,html,css,svg,Javascript,Html,Css,Svg,我在网上看到过几篇关于SVG高度的默认大小是150px的帖子，但是我找不到一个明确的答案来解决这个问题 <body> <svg width='100%' height='100%'></svg> </body> 我只想将SVG缩放到窗口大小，但在1%或1000%时，高度始终为150px。注释中已经有一些答案，但我会在这里给出答案。问题是，如果父容器没有自己的高度值，那么它只与其中的内容一样大。如果SVG默认为150px，那么主体为150px，
<body>
<svg width='100%' height='100%'></svg>
</body>
我只想将SVG缩放到窗口大小，但在1%或1000%时，高度始终为150px。注释中已经有一些答案，但我会在这里给出答案。问题是，如果父容器没有自己的高度值，那么它只与其中的内容一样大。如果SVG默认为150px，那么主体为150px，为SVG提供足够的空间。150的100%是。。。嗯，150。制冷机<代码>高度：100vh会将您的主体扩展到窗口的高度，使svg也变得如此之大。您可以通过将SVG放在div中或为SVG提供固定的维度来缩放它。注释中已经有一些答案，但我将在这里给出一个答案。问题是，如果父容器没有自己的高度值，那么它只与其中的内容一样大。如果SVG默认为150px，那么主体为150px，为SVG提供足够的空间。150的100%是。。。嗯，150。制冷机<代码>高度：100vh会将您的主体扩展到窗口的高度，使svg也变得如此之大。您可以通过将SVG放置在div中或为SVG提供固定尺寸来缩放它。尝试更改主体高度
body{height:100vh；}body{height:100vh；}