移动端的常用布局

移动端布局和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吧？