我不明白这一点。 我有一个内联svg，作为精灵的一部分。
<symbol id="mysvgimage" viewBox="0 0 1083 703" preserveAspectRatio="xMidYMid meet">
//...some more svg stuff in here
</symbol>
我在这里使用它：
<div class="col-xs-12 col-sm-10 col-sm-offset-1">
<svg style="width:100%;height:100%;"><use xlink:href="#mysvgimage" /></svg>
</div>
然而，它仍然很小，周围有很多空白。我究竟做错了什么？我认为在svg +中使用保留纵横比提供一个视图框可以完成这项工作。但我似乎完全不了解它。
我的目标是将图像拉伸到父div的大小，所以我想做width:100%然后高度适合宽度（所以我想我可以做height:auto）< / p>