嵌套的SVG元素不考虑高度

我对SVG相当陌生，所以这里可能犯了一个明显的错误

我试图让嵌套的#custom_logo元素尊重我给它的高度和宽度属性。我的理解是，通过将viewBox的高度设置为300，我将画布的高度定义为300个单位。这意味着将嵌套元素的高度设置为300，即高度的100%

元素似乎并不关心我将其高度和宽度设置为什么，但是它们对渲染没有影响

标题
标语

我的理解是，通过将viewBox的高度设置为300，我将画布的高度定义为300个单位

不是。您告诉浏览器SVG中的元素占据0到300的区域。但事实上，图标只占据了0到100之间的区域。浏览器无法知道您想要将其放大3倍

这意味着将嵌套元素的高度设置为300，即高度的100%

如果内部SVG没有

viewBox

属性，则设置内部

的宽度和高度不会使其缩放以适合父SVG。图标约为100x100，因此适当的

视图框应为：

viewBox="0 0 100 100"



标题
标语
哪些元素似乎不关心宽度和高度设置？