flex的大部分属性都简明易懂,比如对齐属性justify-content、align-items、align-self之类,然而决定项目本身伸缩性质的flex属性,没有想象中容易理解。这里结合一些常用的布局,把自己的理解写一下。
Continue reading之前曾经写过文章介绍flexbox布局,这个玩意相比与传统的float布局,简直是大大解放了生产力。但是说到应用于生产的话,flex布局的兼容性实在是让人没信心。PC端彻底没戏,IE10才支持部分混合语法;不过caniuse上查阅到的移动端兼容性还算不错,Android2.1起开始支持旧语法,iOS safari从3.2开始支持旧语法。在v2上查阅了些帖子,很多人说移动端上兼容是坑,不过观察可知,大部分人都没有专门去研究旧语法。flex在移动端表现究竟如何,本文来探讨下这个话题。
Continue reading