Html 使svg适合不同宽度和高度的标签

自动

缩放

和

svg

到复选框标签中的最佳方法是什么？每个svg都有不同的高度和宽度，我不确定使用

viewbox

是否是最好的解决方案

。检查按钮{
显示：无；
}
.检查图标{
显示：块；
边框：3倍实心；
宽度：70px；
高度：70像素；
光标：指针；
}
.检查填充{
填充：#9facbc；
}
.检查按钮：选中+svg.检查填充{
填充：#737d8b；
}

试试这段代码

。检查按钮{
显示：无；
}
.检查图标{
显示器：flex；
对齐项目：居中；
证明内容：中心；
边框：3倍实心；
宽度：70px；
高度：70像素；
光标：指针；
边缘底部：10px；
}
.检查填充{
填充：#9facbc；
变换：比例（0.4）；
}
svg:not（：root）{
宽度：自动；
高度：40px；
}
.检查按钮：选中+svg.检查填充{
填充：#737d8b；
}

---

有效。我想出了调整大小的办法，使比例与svg:not（：root）的高度成比例。