移动端学习

移动端布局:1.流式布局(百分百布局)

         -宽度写为xx% 百分比

        -在js中获取视口宽度 clineWidth getbounddingClinetRect().width

        - 二倍图  图片要写 缩小后的大小

2     flex布局

flex-direction 

flex-warp

justify-content

align-items

align-content

3.常用单位

        px em rem vm/vh/vmin/vmax

4.rem 布局 把写px的写为rem,1rem = body默认字体大小

5.响应式布局

media screen and (max-width:xxpx) and (min-width:xxpx)