移動端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%; /* 解決部分安卓設備上內容長短不同導致不均分的現象 */
}