我在页面上有一些图表,每个图表都有自己的边框。第一页上加载的所有图表均超过其父图表的宽度。
如果我稍微调整页面宽度的大小,一切都会恢复到应有的水平。奇怪的是,这仅在最新的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%;
}