Html 如何拉伸SVG中的所有矩形,使其具有所有宽度

Html 如何拉伸SVG中的所有矩形,使其具有所有宽度,html,css,svg,rectangles,Html,Css,Svg,Rectangles,我有一个SVG: 0 20 40 60 80 100% 关键是将宽度和x值添加为百分比 例如: 0 20 40 60 80 100% 太棒了!正是我想要的!还有一件事:你认为仍然有可能在这个比例的边缘对齐0%和100%吗?就像我在示例中看到的那样。@OlgaB如果你这样做,那么它们会出现在窗口外,因为矩形占据了100%的宽度:你可以尝试不断缩小,直到得到所需的结果(),但你在OP中要求全宽,所以我就是这么做的:-)你需要任何代码解释吗?是的,我打算建议我可以继续减少这个再次感谢你!

我有一个SVG:


0
20
40
60
80
100%

关键是将宽度和
x
值添加为百分比

例如:


0
20
40
60
80
100%

太棒了!正是我想要的!还有一件事:你认为仍然有可能在这个比例的边缘对齐0%和100%吗?就像我在示例中看到的那样。@OlgaB如果你这样做,那么它们会出现在窗口外,因为矩形占据了100%的宽度:你可以尝试不断缩小,直到得到所需的结果(),但你在OP中要求全宽,所以我就是这么做的:-)你需要任何代码解释吗?是的,我打算建议我可以继续减少这个再次感谢你!