如何让 SVG 地图在窗口调整大小时重绘？

【问题标题】：How do I get an SVG map to redraw on window resize?如何让 SVG 地图在窗口调整大小时重绘？
【发布时间】：2014-03-20 15:20:16
【问题描述】：

目前，当调整窗口大小时地图将重绘，但包含 div 的高度似乎不受影响。这会导致地图无法重新绘制得更大，如果重新绘制得更小，它的上下间距会太大。

这里是代码。 http://codepen.io/chrisgosling/pen/jLefu

【问题讨论】：

标签： javascript svg map

【解决方案1】：

你可以添加一个包装元素...

<div id="container">
  <div id='visualization'></div>
  <div id="message"></div>
</div>

然后添加以下 CSS：

#container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#visualization {
  position: relative;
  width: 100%;
  height: 100%;
}

http://codepen.io/anon/pen/LfCcl

【讨论】：

我会这样做。 :)
完美运行。我知道这会很简单。非常感谢！