使用 flex 弹性布局来为微信小程序写自适应页面

刘悦 at 
我们知道,写习惯了前端的人,一般切图后布局页面的话,上手最习惯的是基于盒子模型的浮动布局,依赖 display 属性+position 属性+float 属性,但是浮动布局有一些致命的小问题,比如垂直居中比较费劲,比如著名的 float 坍塌问题,另外有些极端情况下,还得使用模型+clear:both 来手动清除浮动,比较麻烦。于是,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能,本人在微信小程序页面中尝试了一下弹性布局,个人感觉是:简直太好用了。Flex 是 Flexibl……