vue项目实现部分页面使用rem_如何在vue移动端项目中使用rem

找到index.html文件

插入

//author:caibaojian

//website:http://caibaojian.com

//weibo:http:weibo.com/kujian

//兼容UC竖屏转横屏出现的BUG

//自定义设计稿的宽度：designWidth

//最大宽度:maxWidth

//这段js的最后面有两个参数记得要设置，一个为设计稿实际宽度，一个为制作稿最大宽度，例如设计稿为750，最大宽度为750，则为(750,750)

;(function(designWidth, maxWidth) {

var doc = document,

win = window,

docEl = doc.documentElement,

remStyle = document.createElement("style"),

tid;

function refreshRem() {

var width = docEl.getBoundingClientRect().width;

maxWidth = maxWidth || 540;

width>maxWidth && (width=maxWidth);

var rem = width * 100 / designWidth;

remStyle.innerHTML = 'html{font-size:' + rem + 'px;}';

}

if (docEl.firstElem