vue移动端字体大小设置

const setRemUnit = () => { const docEl = document.documentElement; // IPhone6下750像素来设计，实际像素375px，1rem为50px const rem = docEl.clientWidth / 7.5;
docEl.style.fontSize = `${rem}px`; };
const pageShowCallback = (e) => { if (e.persisted) { setRemUnit(); } };
document.addEventListener('DOMContentLoaded', setRemUnit, false);
// reset rem unit on page resize window.addEventListener('resize', setRemUnit, false);
// reset rem unit on page show window.addEventListener('pageshow', pageShowCallback, false);
export default setRemUnit;  

直接引入main.js里面就好了

 

 大神们。如果有更好的方法，欢迎指导    

标签：vue,const,addEventListener,rem,docEl,字体大小,false,移动,setRemUnit
来源： https://www.cnblogs.com/qingcui277/p/10394153.html