如何在窗口大小调整时重新绘制SVG贴图？

Question

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

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

Answer 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