如何使SVG映射响应其父元素的宽度

Question

我有SVG地图，它放在.container中

问题是我无法将SVG的宽度设置为始终为.container元素宽度的100％。

所以，如果我设置：

    .container {
      width: 500px;
    }

SVG地图被裁剪，其中一部分不可见。

期望的结果：

我希望它在这个例子中表现得像： https ： //www.amcharts.com/svg-maps/？map = Austria

1.当我放大或拖出地图时，如果它被裁剪就可以了。

2.当我更改视口时（例如通过调整浏览器窗口的大小），它应该响应其父元素的宽度。

以下是我的代码片段： https ： //jsfiddle.net/marektchas/epxtuwvo/

还有一点需要注意 - 如果我使用viewbox（在任何配置中），整个构造都会被破坏。