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

如果我稍微调整页面宽度的大小,一切都会恢复到应有的水平。奇怪的是,这仅在最新的Chrome版本上显示。 Safari FF运行良好。

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

我已经通过研究尝试了这个CSS:

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


但这也使Chrome和其他浏览器上的工具提示搞砸了。

任何建议都欢迎。

最佳答案

除了其余的CSS外,将max-width: 100%;应用于div如下所示

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

10-05 20:38
查看更多