如何使用fiex进行响应式布局
使用fiex进行响应式布局主要是通过设置display:flex；;将元素设置为伸缩容器。
flef Xbox布局的主要思想是赋予容器允许其子项改变宽度、高度(甚至顺序)的能力，以最佳方式填充可用空空间(主要是适应所有类型的显示设备和屏幕尺寸)。Flex容器将使子项目(伸缩项目)扩展以填充可用的空空间，或者收缩它们以防止溢出容器。
flexbox layout可以在屏幕和浏览器窗口大小变化时，轻松保持元素的相对位置和大小不变，同时减少对浮动布局定义元素位置和重置元素大小的依赖。在定义伸缩物品的大小时，伸缩容器预留了一些可用空的空间，可以调整伸缩物品的大小和位置。
