SVG响应不在Bootstrap 3中工作

Question

我使用bootstrap 3进行完整的响应式设计。

在我的一个页面中，我需要加载一个预构建的SVG（来自CorelDraw或InkScape）。

它运行正常，除非我需要使用更小的屏幕设备（iPad，iPhone）。 SVG图像不会自动收缩并离开边界边界。

我看了那篇文章但没有成功：post link

一个问题：我无法触摸SVG，因为它由用户自己直接从Corel / InkScape加载到服务器文件夹，我获取内容并将其加载到模型数据（我使用的是MVC4）

这是我目前的代码：

<div class="col-md-12">
<div id="svgbox" style="border: 1px solid black; height: 100%; width: 100%">
    @Html.Raw(Model.SVGData)
</div>

我很感激任何帮助来解决这个问题。

Answer 1

你可以试试这个

#svgbox svg {
width:100%;
height:100%;
}