Comment redimensionner les icônes SVG via des éléments tels que des images

Question

Dans mon document HTML, j'ai un document qui contient de nombreux éléments avec des attributs id, tels que icon-x. Ensuite, je souhaite réutiliser ces icônes comme Cependant, les icônes de cet exemple peuvent en avoir des différentes dans le SVG source. taille. Je veux qu'ils rentrent dans le div.container mais pas dans le svg à l'intérieur du conteneur

P粉356361722 · Answer

icon-x doit être un symbole ou un svg imbriqué avec un attribut viewBox
Lorsque vous utilisez icon-x时，您可以为元素指定宽度, vous pouvez spécifier la width et la 代码>height pour l'élément
. Vous pouvez également spécifier différentes positions (attributs x et y) ou un remplissage différent pour

.

。您可以选择使用嵌套 svg。在这种情况下，您可能希望将其放入

Dans l'exemple suivant, j'utilise

. Vous pouvez éventuellement utiliser des svg imbriqués. Dans ce cas, vous souhaiterez peut-être le mettre dans

🎜🎜 🎜

svg{
border:solid;
width:90vh;
}