如何设置响应SVG宽度？

Question

我想知道是否有可能使选定的SVG路径（标记为蓝色）响应。 理想情况下，我想将蓝色路径宽度设置为100％并将其他路径包围在其中，以便形成字母“U”。如果letter-wrap的高度决定了SVG字母的高度，那就太好了。

jsfiddle here

This是我想要在功能上实现的简化版本。

提前谢谢！

Answer 1

我不确定我是否理解你的问题。首先，你的svg图像vieBow应该与包含图像的尺寸相同。 Svg图像必须在svg代码中具有宽度和高度才能在MSIE（http://www.boogdesign.com/examples/svg/svg-as-image.html）中正确。要获得此类行为，请将其拆分为3张图像。中间一个设置为repeat-x svg背景转换为base 64.这是你在寻找什么？ http://jsfiddle.net/dpezfbm6/3/ <div class="wrapper"> <svg class="float"></svg> <div class="floatsvgbackgroundrepeat-x"></div> <svg class="float"></svg> </div>