移动端适配的方法

1.利用meta的viewport做适配

在里面加一个script的处理

   

 

然后css的写法就是按照正常量到的设计稿尺寸就可以了，单位为px

 

2.利用  手淘+rem+less 做适配         less编译成css，页面只需要引入css就可以了，

引入文件（1）flexible.js （2）less编译后的css文件

index.less文件--->

@remBase :75;

@rem: round(1 / @remBase, 6) * 1rem;

 

div{

width:500*@rem;

height：200*@rem

}

 

关于viewport更多用法的参考：

https://blog.csdn.net/kissing7/article/details/45307115

https://github.com/amfe/article/issues/17

https://segmentfault.com/a/1190000004524243