移动端网站:
手机网站
响应式网站
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:顺序