标签：今天 web class 自适应屏幕 lex 不同 back 代码 idt
前几天在开发手机端页面的时候，用到了display:flex流布局，能够很好的兼容不同尺寸的屏幕，今天来总结一下使用方法：
html部分：
<div class="display-flex"> <div class="box1"> </div> <div class="box2"> </div> </div>
css部分：
.display-flex { position: relative; height: 100px; display: box; display: -webkit-box; display: -webkit-flex; display: flex; } .box1 { width: 200px; background: lightblue; } .box2 { -webkit-box-flex: 1; box-flex: 1; -webkit-flex:1; flex:1; background: lightseagreen; }
这样，就可以固定.box1 div ，使得另外一个.box2 div自适应屏幕大小，其中css代码方面做了兼容处理。
标签：今天 web class 自适应屏幕 lex 不同 back 代码 idt
原文地址：http://www.cnblogs.com/penghuiwang/p/6207884.html
