Css 无法更改SVG<；使用>；链接到<；时的图标大小；符号>；

我试图在标记中使用SVG符号，但我无法使用CSS来增加元素中呈现的符号的大小

我在一组标记中定义了一个twitter徽标，然后我在使用标记中使用xlink:href引用它。图标正在显示，但当我将CSS添加到包含元素的#box1 div中时，符号的大小没有增加或减少，似乎仅以viewBox大小呈现

另外，当我使用dev工具悬停SVG元素时，它本身的渲染速度是300 x 150px，但是在这些测量值的代码中没有显示任何内容

我真的很困惑-任何帮助都会很棒

#框1{
高度：10雷姆；
宽度：10雷姆；
}

啁啾
该
是一个svg元素。它始终位于svg内部。我做了一些改变，现在它可以工作了。请运行代码，看看我做了什么


#框1{
高度：10雷姆；
宽度：10雷姆；
}
#twitter{display:none；}

啁啾
您正在HTML中使用内联SVG代码，因此我认为SVG路径需要在其中定义一个viewbox。例如，如果在HTML SVG标记中添加viewBox=“0 60 55”，您会注意到大小将开始调整。因此，请编辑HTML的这一部分

<svg viewBox="0 0 60 55">
   <use xlink:href="#twitter-symbol"/>
</svg>



要在注释中展开您发现的300x150大小，这是适用于HTML内联SVG代码的默认标准大小（根据HTML5规范）。这有时因浏览器而异

请记住，在处理SVG时可以使用几种不同的方法。请参阅下面的指南，其中详细介绍了SVG以及如何操作SVG的大小。您可能会找到一种您更愿意使用的替代方法

除非您为元素提供特定的大小，否则它没有任何功能。300 x 150是“帮助我无尺寸”的回退。