自适应

rem  通过设置html根元素的字体大小

(function (doc, win) {

    var docEl = doc.documentElement,

      resizeEvt = 'onorientationchange' in window ? 'orientationchange' : 'resize',

      recalc = function () {

        var clientWidth = docEl.clientWidth;

        if (!clientWidth) return;

        if (clientWidth > 767) {

          docEl.style.fontSize = (clientWidth / 75) + 'px';

        } else {

          docEl.style.fontSize = (clientWidth / 7.5) + 'px';

        }

      };

    if (!doc.addEventListener) return;

    win.addEventListener(resizeEvt, recalc, false);

    doc.addEventListener('DOMContentLoaded', recalc, false);

  })(document, window);

rpx 是相对于基准宽度的单位，可以根据屏幕宽度进行自适应。uni-app 规定屏幕基准宽度 750rpx。

开发者可以通过设计稿基准宽度计算页面元素 rpx 值，设计稿 1px 与框架样式 1rpx 转换公式如下：

设计稿 1px / 设计稿基准宽度 = 框架样式 1rpx / 750rpx

换言之，页面元素宽度在 uni-app 中的宽度计算公式：

750 * 元素在设计稿中的宽度 / 设计稿基准宽度

rem单位不能设置太小，华为手机不兼容，1rem=5px不行，至少大于12px吧 ，所以除以7.5而不是75