Tag: dynamicresize

响应式高图不能正确调整窗口大小，直到窗口大小调整

我正在使用Zurb的Foundation框架中的Highcharts作为一个类的项目。 在章节选项卡中有三个图表。 一个在12列div内，另外两个在6列div内同行。 当页面加载时，精选图表不占用12列的可用宽度，两个较小的图表溢出其6列。 但是，当调整窗口大小或尝试使用Inspect元素进行调查时，图表会立即捕捉到正确的维度。 这种行为发生在Chrome，FF和IE中。 我意识到我可以设置一个特定的宽度，但我真的想利用基金会，并保持他们的响应。 我已经调整了CSS和Highcharts初始化，但我很难过。 有没有人遇到过这个问题？ 任何人都可以看到我失踪？ 这里是我的HTML摘录： <div class="row"> <div class="twelve columns"> <!–begin tabs below–> <div class="section-container tabs" data-section="tabs"> <section> <p class="title" data-section-title><a href="#">Heart Disease</a></p> <div class="content" data-section-content id="heart"> <div class="row feature-chart"> <div class="large-12 columns"> <div id="heartTimeline-container"> <div id="heartTimeline"></div> </div> </div> <!–close 12 columns–> </div> <!–close row–> <div class="row small-charts"> <div […]