移動端flexbox的小tips

我也是看了騰訊isux的博客，解答了我關於flexbox一個很長時間的疑惑，就是flex佈局在安卓手機會出現內容長短不一樣致使不均分的現象。

具體的內容能夠去看騰訊isux的博客，地址在這：https://isux.tencent.com/flexbox.html

我這裏也只是看成一個問題的紀錄

其實要解決這個問題很簡單，給子元素加一個width: 0%;的屬性就能夠了，同時要注意不要加margin: auto;

.father{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.child{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  width: 0%; /* 解決部分安卓設備上內容長短不一樣致使不均分的現象 */
}