移动端可视化窗口（js文件直接引用）

在vue中 使用移动端，如果不进行可视化的话会造成页面浓缩在一起，列如：

 会造成页面混乱 影响整体美观。

而在项目里设置 可能会导致代码过多 影响美观 所以我们在项目栏里自定义一个js文件，每次使用直接引用就可以啦。

(function (win) {
    var docEl = win.document.documentElement;
    var time;

    function refreshRem(){
        var width = docEl.getBoundingClientRect().width;
        if(width > 768){
            width = 768;
        }
        var rem = width / 375*100;
        docEl.style.fontSize = rem +'px';
    }

    win.addEventListener('resize',function(){
        clearTimeout(time);
        time = setTimeout(refreshRem,1);
    },false)
    win.addEventListener('pageshow',function(e){
        if(e.persisted) {
            clearTimeout(time);
            time = setTimeout(refreshRem,1);
        }
    },false)

    refreshRem()
    
})(window)

 以上仅是我个人观点 如有错误 请各位大佬在评论区指正