pc端移动端

移动端网站：
手机网站
响应式网站
bootstrap4

移动端网页基本概念：
1，设备独立像素
2，设备物理像素
3，设备像素比（dpr）
4，视口（viewport）
5，缩放（scale）

flex布局：
父元素：display：flex
主轴：justify-content：flex-start 开始、
center 中间、
flex-end 结束、
space-between两端对齐、
space-around 拉手对齐。
垂直交叉轴：
单行：align-items
flex-start：开始
center中间
flex-end 结束
多行：
换行：flex-wrap：
wrap：换行
nowrap：不换行
wrap-reverse:反向
子元素：
flex-grow：默认不生长
flex-shrink：默认压缩
flex-basis：等同于width，flex-basis优先级大于width
flex：1：flex：1 auto
flex:auto:flex：1 1 auto
flex：none ：flex：0 0 auto
order：顺序