之前寫的移動端的代碼，好多使用了-webkit-box樣式，現在要兼容PC端，尤其是在使用打包工具時，貌似-web-kit的不會自動轉碼呀，沒辦法，一個個和標准的flex方式對應修改一下才行：
display: flex; display: -webkit-box
align-items: center; -webkit-box-align: center
justify-content:flex-start -webkit-box-pack:start
justify-content: flex-end -webkit-box-pack: end
justify-content:center -webkit-box-pack: center;
然后又發現了一個Edge的奇怪問題
flex:1
overflow-y:hidden
無效！！！！！！！！
flex:1的div照樣會被里面的長內容撐開，並且由於overflow-y:hidden的原因，也沒有滾動條，下面的就直接看不到了（flex:1里面的div實現了滾動條功能）。
查了好久發現 ，要在flex:1的div的每一個父級加上：
min-width:0;
min-height:0;
沒原因，沒原因，不知道為啥，加上就好了。看來IE（包括Edge）真的是一個神奇的瀏覽器。