我正在尝试使用本CSS tricks article中所述的SVG符号，但在SVG的左右两侧留出一个空白，其宽度为300px宽。
我希望SVG填充容器的整个宽度。将width: 100%添加到SVG没有帮助。
I've made a codepen解释正在发生的事情。第一个示例显示了问题。
添加viewBox属性可解决第二个示例中的问题，但这并不理想，因为我正在使用webpack从SVG文件夹中生成SVG符号。因此，每次我在HTML中引用SVG时，都必须复制/粘贴viewBox信息。当您考虑到其他人可能以后要编辑SVG并且可能没有意识到他们必须手动更新HTML中的viewBox信息（这会导致图标外观损坏）时，这是不理想的。
这将变得非常麻烦，就像必须将图像的尺寸显式添加到所有<img>标签中一样。情况不是很好！
是否有其他方法可以在不添加viewBox属性的情况下进行修复？！