Html 如何使svg具有与图像相同的样式

以下是我的项目清单：

.anim框{
利润率最高：5%；
显示器：flex；
宽度：100%；
柔性包装：包装；
证明内容：之间的空间；
对齐项目：居中；
}
.动漫盒.物品{
显示器：flex；
弹性：0.30%；
弯曲方向：立柱；
证明内容：中心；
对齐内容：居中对齐；
文本对齐：居中；
光标：指针；
}
.动画框.项目svg，
.动画框.项目img{
高度：自动；
宽度：100%；
}

快速旋转
快速移动
svg

您需要添加一个viewbox来设置SVG的纵横比，它的行为与img相同：

.anim框{
利润率最高：5%；
显示器：flex；
宽度：100%；
柔性包装：包装；
证明内容：之间的空间；
对齐项目：居中；
}
.动漫盒.物品{
显示器：flex；
弹性：0.30%；
弯曲方向：立柱；
证明内容：中心；
对齐内容：居中对齐；
文本对齐：居中；
光标：指针；
}
.动画框.项目svg，
.动画框.项目img{
高度：自动；
宽度：100%；
}

快速旋转
快速移动
svg