移动端常见布局方式

1. 媒体查询方法
1
采用 media (max-width:600px){}进行响应式开发
2.viewport定死宽度的方法
1
<meta name="viewport" content="width=750,target-densitydpi=high-dpi,minimum-scale=1.0,maximum-scale=2.0,user-scalable=0">
3.Rem设置
1
2
1.通过js设置html的font-size然后来计算
2.通过media设置font-size计算
4.通过第三方库，如淘宝的flex布局或者