小编Jua*_*uan的帖子

下面的图表适用于Chrome和Firefox,但Safari正在缩小框的宽度.这也发生在移动客户端上.我包括图表容器的css和完整标记和css的codepen.

https://codepen.io/juancho1/pen/akyNmp

#chart-container{
  width: 100%;
  height: auto;
  border: 1px solid #39c3ec;
  /*display: -webkit-box;*/
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow-x: scroll !important;
}

我希望有人之前遇到过这个具体问题.在寻找可能的解决方案时,我看到Safari在flexbox方面存在一些问题,并尝试了我见过的大部分解决方案.它也可能与弯曲方向有关.

我很感激任何人可能有的提示!谢谢