So ändern Sie die Größe von SVG-Symbolen über -Elemente wie Bilder

Question

In meinem HTML-Dokument habe ich ein Dokument, das viele Elemente mit ID-Attributen enthält, wie zum Beispiel icon-x. Dann möchte ich diese Symbole wie wiederverwenden. Allerdings können die Symbole in diesem Beispiel in der Quell-SVG unterschiedliche Symbole haben Größe. Ich möchte, dass sie in den div.container passen, aber nicht in die SVG-Datei im Container

P粉356361722 · Answer

icon-x 必须是一个符号或具有 viewBox 属性的嵌套 svg
使用icon-x时，您可以为元素指定宽度和高度代码>. 您还可以为指定不同的位置（x 和 y 属性）或不同的填充。

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

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