移动端特点
- pc端需要版心 移动端网页宽度为100%
- 分辨率
- 硬件分辨率是出厂设置
- 缩放调节分辨率是软件设置 - 视口
- 使用meta标签设置视口宽度，制作适配不同设备宽度的网页
- 目标：网页宽度和设备宽度(分辨率)相同。
Flex布局/弹性布局
特点:
-
是一种浏览器提倡的布局模型
-
布局网页更简单、灵活
-
避免浮动脱标的问题 justify-content justify-content设置主轴(x轴)
此图中就space-between space-evenly用的多一点
- 使用align-items调节元素在侧轴(y轴)的对齐方式
盒子居中都用center
- 加油!!!
