移动端自适应二选一（rem，viewport）

移动端自适应的方案

一种是采用rem单位，根据浏览器的窗口的width去计算html元素的font-size，这里要有限加载这一段js，另外一种是使用等比例缩放的viewport的width设定为固定值（750）

等比例缩放

'<meta name="viewport" content="width=750,initial-scale=1,maximum-scale=1,user-scalable=0,viewport-fit=cover"> '

好处在于，简单粗暴，直接就能够还原设计图的大小
缺点在于分辨率被定死了，大于750与小于750都是这个样子。

rem+动态js设置font-size

好处在于应用的是物理像素，清晰
缺点是：加载慢的时候，会出现一次未识别rem的页面大小，乱了。能够弄一个loading，加载完计算以后再显示。像3.33333rem这种，有时候会丢掉小数部分，显示不正确。
参考原文必看