一、flex-grow、flex-shrink、flex-basis属性flex-grow: 定义剩余空间的分成。默认为0，即如果存在剩余空间，也不放大。flex-shrink: 定义了项目的缩小比例。flex-shrink的默认值为1

前提条件： content="width=750"<meta name="viewport" content="width=750,user-scalable=no,target-de

前言说到九宫格是不是想到了九宫格火锅那（O(&cap;_&cap;)O哈哈~）。其实九宫格布局在各大网站基本都有应用，当然这里的九宫格是泛指（O(&cap;_&cap;)O哈哈）。比如小米商城局部布局如下：