javascript - 如何在窗口大小调整时重绘 SVG map ？

Question

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

这是代码。 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