Html 将内嵌svg缩放到div高度

我试图将一个内联svg缩放到另一个div的高度，并使用宽度缩放来保持svg的比例（仅使用css）。最接近我的是（也在下面），使用表格，并使用在Firefox中失败的方法将svg扩展到tr的高度。不幸的是，它也无法解决任何浏览器中的原始问题，因为div似乎无法调整到svg的宽度。有办法做到这一点吗？（我非常高兴离开表格法）

这是上面提到的尝试

.scale{
高度：1px；
}
.scale>div{
身高：100%；
}
.缩放svg{
身高：100%；
}
.scale svg>rect{
填充物：浅蓝色；
}

1.

请发布代码。它确实很有效，不是吗？您刚刚要求容器为1px，因此可能会遇到一些问题。Ps，没有桌子也行：-）我不清楚你在这里想做什么。“我正在尝试将一个内联svg缩放到另一个div的高度”…什么其他div？。你有预期结果的图像吗？另一个具有任意内容/高度的div，比如请发布代码。它确实工作得很好，不是吗？您刚刚要求容器为1px，因此可能会遇到一些问题。Ps，没有桌子也行：-）我不清楚你在这里想做什么。“我正在尝试将一个内联svg缩放到另一个div的高度”…什么其他div？。您是否有预期结果的图像？另一个具有任意内容/高度的div，如