目前浏览器支持还不允许我们立即使用css grid，而flexbox用的时候发现child元素并不会按照完整的比例来显示，比如我又3个元素，每一个要严格按照三分之一的尺寸来显示。究其原因，还是因为flexbox本身有shrink和grow两个状态，flexbox最容易让新手误解的是这个比例，这个比例实际上是指缩小和放大这两种状态时的改变比例，并不是最终的展现比例。如果想要达到展现后也是这个比例，那就需要去掉元素本身自带的大小：

.flex-child {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
}