使SVG内联精灵流畅

时间:2015-08-10 03:20:03

标签: css svg responsive-design sprite

我使用的是一个很好的内联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请求。

0 个答案:

没有答案