Javascript SVG响应在Boostrap 3中不工作

我使用Bootstrap3来实现完全响应的设计

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

它运行良好，但当我需要使用小屏幕设备（iPad、iPhone）时除外。SVG图像不会自动收缩并超出边界

我看过那篇文章，但没有成功：

一个问题：我不能触摸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>

@Html.Raw（Model.SVGData）

我非常感谢任何帮助解决这个问题。

你可以试试这个

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

你可以试试这个

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

你可以试试这个

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

你可以试试这个

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

---

你能展示演示吗？你能展示演示吗？你能展示演示吗？你能展示演示吗？它和style=“border:1px纯黑；高度：100%；宽度：100%”不一样吗？不，在这个div中，svg以

开头。你试过了吗？你做的方式很好。但我也尝试了@Html.Raw（Model.SVGData），但没有结果。为什么CSS中的样式没有相同的行为？看你给了

#svgbox

，我给了

svg

里面的样式，就像

#svgbox svg

里面的样式是不是和style=“border:1px纯黑；高度：100%；宽度：100%”一样？不，在那个div里面，svg以

开头。您试过了吗？您这样做的效果很好。但我也尝试了@Html.Raw（Model.SVGData），但没有结果。为什么CSS中的样式没有相同的行为？看你给了

#svgbox

，我给了

svg

里面的样式，就像

#svgbox svg

里面的样式是不是和style=“border:1px纯黑；高度：100%；宽度：100%”一样？不，在那个div里面，svg以

开头。您试过了吗？您这样做的效果很好。但我也尝试了@Html.Raw（Model.SVGData），但没有结果。为什么CSS中的样式没有相同的行为？看你给了

#svgbox

，我给了

svg

里面的样式，就像

#svgbox svg

里面的样式是不是和style=“border:1px纯黑；高度：100%；宽度：100%”一样？不，在那个div里面，svg以

开头。您试过了吗？您这样做的效果很好。但我也尝试了@Html.Raw（Model.SVGData），但没有结果。为什么CSS中的样式不具有相同的行为？请看您将样式赋予

#svgbox

，我将样式赋予

svg

，就像

#svgbox svg