我使用的是一个很好的内联svg精灵系统,但提供这些百分比尺寸以便它们根据容器大小进行缩放真的很不错。这是一个精灵:
<svg class="svg"><use xlink:href="images/sprites/svgsprite.svg#no-1"></use></svg>
当我申请以下css时:
.svg {
width: 20%;
}
然而,这只是给svg容器宽度为20%,但元素在svg容器内的固定宽度。即使对元素应用了100%的宽度,也不会应用样式。我想知道有没有办法让这些精灵响应?经过研究,我找不到很多人试图让svg sprites响应,但我不明白为什么因为他们减少了http请求。