这是一个常见问题（我已经查找，找到并尝试了各种其他建议，这里有关于stackoverflow和其他地方）
我有一个网页，我想动态加载SVG格式的地图。我希望这些地图能够响应其容器的重新缩放，例如在窗口调整大小时填充容器的宽度。
<div class="container">
<img src="http://snacknack.com/1/08.svg" style="height: 1286px;" />
</div>
外部08.svg文件的开头如下：
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 909 1286">
不是调整SVG的大小，而是保持原始大小的坚固。这是jsfiddle （注意：视图框在svg文件中编辑为viewBox，感谢helderdarocha发现它）
我试过给.container一个宽度：100％，高度：100％;但这不起作用，也没有针对相关问题提出各种其他建议。我不确定这是否是因为我必须使用外部文件来提供SVG（而不是使用SVG内联，这是示例所做的）或 是否是因为SVG内容中的某些内容。
我已经尝试使用OBJECT标记来引入SVG文件而不是IMG标记。同样的问题。
如果我没有在IMG标签中提供硬编码高度，地图将垂直截断大约377-400px（在我的Mac OS Chrome和Safari浏览器中），如果我将其设置为高度：100％地图消失完全。
如何使这个IMG标签/ SVG响应？