angularjs - Angular Chart.js 未在 Flexbox 中调整大小(闪烁)

Question

看 fiddle

https://jsfiddle.net/m942h0wm/6/

HTML

<div class="container" ng-app="app">
  <div class="main">
    <p>Main</p>
  </div>
  <div class="aside">
    <canvas class="chart chart-doughnut" 
        chart-data="[10,20,40]" 
        chart-labels="['one', 'two', 'three']">
    </canvas>
  </div>
</div>

CSS

.container {
  display: flex;
  flex-wrap: wrap;
}

.container>div {
  border: solid 10px;
}

.main {
  flex-grow: 2;
  flex-basis: 300px;
}

.aside {
  flex-grow: 1;
  flex-basis: 200px;
}

如果缩小窗口以使布局弹出为垂直，则当您重新调整大小时，布局不会弹出回来

还有其他人发现这个问题并解决了吗？

Answer 1

我在这里找到了解决方案

Flex items not shrinking when window gets smaller

min-width: 0;

关于项目:)