在移动Web开发中，经常使用Flex布局来实现自适应页面。Flex布局用法便捷，能够通过简单的几行代码实现各种复杂的布局效果。在微信小程序中也可以使用Flex布局实现自适应页面。

Flex布局又称为弹性盒（Flexible Box）布局，它为盒子模型提供了很强的灵活性，任何一个容器都可以指定为Flex布局。采用Flex布局的元素，称为Flex容器（简称容器）。它的所有子元素自动成为容器成员，称为Flex项目（简称项目）。容器内有两根轴：主轴（Main Axis）和交叉轴（Cross Axis），默认情况下主轴为水平方向，交叉轴为垂直方向，项目默认沿主轴排列，根据实际需要可以更改项目的排列方式。若想使用Flex布局，首先要设置父元素的display属性为flex，表示将父元素设置为容器，然后就可以使用容器和项目的相关属性了。