仅 Chrome 上的 Highcharts 超过父级宽度

Question

我在一页上有一些图表，每个图表都有自己的边框框。首页加载的所有图表都超过其父图表的宽度。

如果我稍微调整页面宽度，一切都会恢复到应有的样子。奇怪的是，这只出现在最新的 Chrome 版本上。Safari 和 FF 运行良好。

另一个奇怪的问题是，如果我empty cache and hard reload在 Chrome 中，它加载正常。刷新页面，图表就会显示在其容器的右侧。

我已经从研究中尝试过这个CSS：

.highcharts-container {
  width:100% !important;
  height:100% !important;
}

但这也会搞乱 Chrome 和其他浏览器上的工具提示。

欢迎任何建议。

Answer 1

除了其余的 css 应用于max-width: 100%;您的 div 之外，如下所示

.highcharts-container {
  max-width:100%;
}