移动端特点
移动端和PC端网页不同点
PC端网页和移动端网页的有什么不同？
PC屏幕大，网页固定版心
手机屏幕小， 网页宽度多数为100%
如何在电脑里面边写代码边调试移动端网页效果？
谷歌模拟器
Flex布局
Flex布局/弹性布局：
是一种浏览器提倡的布局模型
布局网页更简单、灵活
避免浮动脱标的问题
作用
基于 Flex 精确灵活控制块级盒子的布局方式，避免浮动布局中脱离文档流现象发生。
Flex布局非常适合结构化布局
设置方式
父元素添加 display: flex，子元素可以自动的挤压或拉伸
组成部分
弹性容器
弹性盒子
主轴
侧轴 / 交叉轴
flex布局.png
修改主轴对齐方式属性: justify-content
flex属性值.png
flex的组成.png
flex主轴对齐方式.png
flex侧轴对齐方式.png
flex伸缩比.png
