标签:vue const addEventListener rem docEl 字体大小 false 移动 setRemUnit
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
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。