分辨率
屏幕尺寸指的是屏幕对角线的长度，单位是英寸
image.png
视口标签：
image.png
百分比布局
流式布局
宽度自适应，高度固定
弹性布局
弹性容器display：flex（给父盒子添加）
1.默认宽度和父元素一样
2.默认高度由内容撑开
弹性盒子（弹性盒子最近一级子元素）
1.宽度由内容撑开，高度默认为父盒子的高度
2.没有块级，行内，行内块之分，都是弹性盒子，可以设置宽高，一行显示多个
3.默认不换行，只能设置换行
主轴
对齐方式 justify-content
image.png
侧轴/交叉轴
image.png
伸缩比
image.png
image.png
在弹性布局中基础班除了浮动其它都可以正常使用
