css3的伸缩布局

css3中出现了新的布局

只需要给定父布局百分比占用浏览器,那么设定子布局的时候也给定百分比,会随着浏览器的缩小放大,自动调整布局

吧父节点的display让他转换成伸缩布局,在子节点中加入flex:份数就可以了   ,跟安卓中weight一样是权重 

可以给定min-width,当浏览器到达指定的最小值的时候就不缩放了

flex-direction可以指定是row 或者colums指定是行布局或者列布局

猜你喜欢

转载自my.oschina.net/u/3234136/blog/1633535