Html 刻度SVG内刻度

我有许多SVG，我使用css彼此定位，并且我想按照父/容器div的大小按比例缩放它们。例如，它应该适合红色div，同时保留纵横比

我尝试过使用PreserveSpectratio，但我没有主意了，因为我对SVG的工作太陌生了。感谢您的帮助

.人体{ 位置：相对位置； 高度：260px； 宽度：200px； 背景色：红色； } .人体svg：悬停{ 光标：指针； } .人体svg：悬停路径{ 填充：FDE725FF； } .人体{ 位置：绝对位置； 左：50%； } .人体svghead{ 左边距：-28.5px； 顶部：-6px； } .人体svgleft肩部{ 左边距：-53.5px； 顶部：69px； } .人体右肩{ 左边距：13.5px； 顶部：69px； } .人体前臂{ 左边距：-78px； 顶部：112px； } .人体右手臂{ 左边距：38px； 顶部：112px； } .人体svgchest{ 左边距：-43.5px； 顶部：88px； } .人体svgstomach{ 左边距：-37.5px； 顶部：130像素； } .人体svgleft腿{ 左边距：-46.5px； 顶部：205px； z指数：9999； } .人体右腿{ 左边距：1.5px； 顶部：205px； z指数：9999； } .人体svgleft手{ 左边距：-102.5px； 顶部：224px； } .人体右手{ 左边距：66.5px； 顶部：224px； } .人体svgleft脚{ 左边距：-35.5px； 顶部：455px； } .人体右足{ 左边距：5.5px； 顶部：455px； } 区域{ 显示：块； 宽度：100%； 明确：两者皆有； 填充：10px； 文本对齐：居中； 字体大小：25px； 字体系列：信使新； 颜色：A5； } 面积数据{ 颜色：黑色； } .井{最小高度：700px；}

---

虽然我无法根据SVG对其进行更改，但我设法将其放在一个框中，但可以放大并重新定位它。 希望有帮助

.人体{ 位置：相对位置； 高度：500px； 宽度：230px； 背景色：红色； } .人体svg：悬停{ 光标：指针； } .人体svg：悬停路径{ 填充：FDE725FF； } .人体{ 位置：绝对位置； 左：50%； } .人体svghead{ 左边距：-28.5px； 顶部：3px； } .人体svgleft肩部{ 左边距：-53.5px； 顶部：73px； } .人体右肩{ 左边距：13.5px； 顶部：73px； } .人体前臂{ 左边距：-78px； 顶部：115px； } .人体右手臂{ 左边距：38px； 顶部：115px； } .人体svgchest{ 左边距：-43.5px； 顶部：93px； } .人体svgstomach{ 左边距：-37.5px； 顶部：133px； } .人体svgleft腿{ 左边距：-46.5px； 顶部：207px； z指数：9999； } .人体右腿{ 左边距：1.5px； 顶部：207px； z指数：9999； } .人体svgleft手{ 左边距：-102.5px； 顶部：226px； } .人体右手{ 左边距：66.5px； 顶部：226px； } .人体svgleft脚{ 左边距：-35.5px； 顶部：457px； } .人体右足{ 左边距：5.5px； 顶部：457px； } 区域{ 显示：块； 宽度：100%； 明确：两者皆有； 填充：10px； 文本对齐：居中； 字体大小：25px； 字体系列：信使新； 颜色：A5； } 面积数据{ 颜色：黑色； } .井{最小高度：700px；}

---

你应该制作所有这些svg，并对每个身体部位使用一组。请原谅我的无知@SeanStopnik，这会是什么样子？删除所有SVG，只需将路径分组到？是的，因为这正是您要做的。让每个项目都有一个单独的svg没有多大意义。这都是一个svg。