rem.js
(function(win){
let doc=win.document;
let docEl=doc.documentElement;
let tid;
function refreshRem(){
//获取屏幕宽度
let width=docEl.getBoundingClientRect().width;
//将屏幕宽度分成7.5份,1份是1rem
let rem=width/7.5;
//设置根节点字号
docEl.style.fontSize=rem+'px'
}
refreshRem()
//屏幕比例改变时
win.addEventListener('resize',function(){
clearTimeout(tid)
tid=setTimeOut(refreshRem,10)
})
//会话框改变时(包括页面前进后退)
win.addEventLisener('pageShow',function(){
clearTimeout(tid)
tid=setTimeOut(refreshRem,10)
})
})(window)
在
main.js
中引入即可import '@/assets/js/rem.js'