巧用flex布局，轻松实现响应式设计

巧用flex:1布局

1、 移动端开发中，常需将多个view组件并排显示。由于view默认会自动换行，因此采用flex布局尤为关键，可灵活控制组件排列方式，实现同一行展示效果。

2、 先为每个组件外层添加view标签，并优先设置最外层的样式。

3、 所有组件将首先垂直排列在同一列中。

4、 为每个组件单独设计样式。若组件数量固定，可设置宽度，使其位置保持相对稳定。

5、 然而，这种方法存在局限性，当元素数量超出设定值时，布局样式就会发生改变。建议采用flex:1的方式，这样无论组件数量多少，都能均匀分配宽度，即便增减组件，整体样式依然保持稳定，不会受到影响。