javascript - 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%;
}