移动端自适应

1.定高，宽度自适应

<meta name="viewport" content="width=device-width,initial-scale=1”>

设置width=device-width

目前使用最多的方法，垂直方向用定值，水平方向用百分比、定值、flex都行640的设计稿，以320做网站视觉参考，按设计稿的1/2尺寸去定义网页图像尺寸。

2.固定宽度，对viewport宽度进行定值

设置

<meta name="viewport" content="width=1120">

某些安卓机缩放失效，需js动态设置initial-scale缺点： 像素丢失

3.利用rem布局 ＋ viewport缩放

dpr计算 ＋ css预处理器函数 viewport，js动态设置initial-scale

参考https://github.com/riskers/blog/issues/18