移动Web 第四天

Flex布局

主轴默认是水平方向，侧轴默认是垂直方向。

修改主轴方向属性：flex-direction

属性值	作用
row	行，水平（默认值）
column	列，垂直（用的最多）
row-reverse	行，从右向左
column-reverse	列，从下向上

精灵图片二倍图的做法

背景精灵图也存在二倍图

核心做法： 在像素大厨里面选择2X，利用background-size 缩放背景图片 测量坐标即可

弹性盒子换行

flex-wrap : wrap ;

调整行对齐方式：align-content 取值与justify-content 基本相同