【问题标题】: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

    【讨论】:

    • 我会这样做。 :)
    • 完美运行。我知道这会很简单。非常感谢!
    猜你喜欢
    • 2010-12-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-04-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多