移动端布局和pc端差不多,只是单位的转变,pc端是以像素px为计量单位,而移动端是以vw 和rem 计量单位布局。
现在我们来介绍vw是什么,vw是是获取屏幕宽度的百分比,1vw = 100/屏幕宽度的1/100;
rem是获取值得单位,1rem = 100px; 度量的字体或者宽高px; 就用 多少px/100 rem;
主轴横向对齐 (设置在父类容器上)
justify-content:
flex-start: 左对齐
flex-end: 右对齐
center: 居中对齐
space-between: 分开对齐
space-around: 分开左右边距对齐
主轴纵向对齐 (设置在父类容器上)
align-content:
flex-start: 上对齐
flex-end: 下对齐
center: 居中对齐
space-between: 分开对齐
space-around: 分开左右边距对齐
strecth 上下拉升对齐
align-content.html
div设置了固定定位后下面的div就顶上去了要怎么解决呢?
假设你固定定位的元素高度:100px; 那么被“顶上去的元素”加一个padding-top:100px;
或者 margin-top:100px;
,希望能帮到你,看你提问的格式还不会用markdown吧?