Html 如何将不同尺寸的SVG设置为相同高度？

我使用RestAPI，它给了我不同大小的SVG。有些图像适合，但有些图像不适合。 如果你看一下边框和图像，你就会明白。

主要问题是,；我不知道所有图片的大小，如何设置这个案例？（如果给定了100%的高度，请更改卡的高度，而ı不希望这样做。）

---

没有标志尺寸的标准。RestCountries在其true维度中提供旗帜

我创建了一个29kb的单个文件Web组件，该组件在固定维度中执行所有SVG标志（与大多数SVG标志repo一样）。
并且可以使用RestCountries（或任何其他SVG标志Repo）作为替代源：

唉，我没有创建所有的波峰，你选择了我没有完成的两个：阿富汗和安道尔作为你的截图。除非使用

detail

设置阻止，否则FlagMeister将默认为RestCountries

div{
显示：网格；
网格模板列：重复（6100px）；
间隙：10px；
}
[详细说明]{
--flagmeisterdetail:99999；
}
RestCountries和FlagMeister（强制不提供详细信息）

没有标志尺寸的标准。RestCountries在其true维度中提供旗帜

我创建了一个29kb的单个文件Web组件，该组件在固定维度中执行所有SVG标志（与大多数SVG标志repo一样）。
并且可以使用RestCountries（或任何其他SVG标志Repo）作为替代源：

唉，我没有创建所有的波峰，你选择了我没有完成的两个：阿富汗和安道尔作为你的截图。除非使用

detail

设置阻止，否则FlagMeister将默认为RestCountries

div{
显示：网格；
网格模板列：重复（6100px）；
间隙：10px；
}
[详细说明]{
--flagmeisterdetail:99999；
}
RestCountries和FlagMeister（强制不提供详细信息）

如果你能忍受制作所有标志的本地副本。然后，如果向所有SVG添加以下属性，它们将拉伸以适合您的

宽度和
高度

preserveAspectRatio="none"

例如，白俄罗斯国旗变成：


svg{
宽度：300px；
高度：300px；
}

白俄罗斯国旗
如果你能忍受制作所有标志的本地副本。然后，如果向所有SVG添加以下属性，它们将拉伸以适合您的
宽度和
高度

preserveAspectRatio="none"

例如，白俄罗斯国旗变成：


svg{
宽度：300px；
高度：300px；
}

白俄罗斯国旗
你能分享一些代码吗？@YashMaheshwari我编辑过。旗帜有不同的形状。如果你让中间的那个更高，它要么更宽，要么被挤压变形。您需要指定希望发生的事情。听起来你想要壁球（？）你能分享一些代码吗？@YashMaheshwari我编辑过。旗帜有不同的形状。如果你让中间的那个更高，它要么更宽，要么被挤压变形。您需要指定希望发生的事情。听起来你想要壁球（？）谢谢，丹尼，但在这种情况下，我会遇到一个问题。如何确定动态组件名称？谢谢，Danny，但在这种情况下，我会遇到一个问题。如何确定动态组件名称？
preserveAspectRatio="none"