移动端布局-rem
created(){ // 设置根字号 // 屏幕宽度 setHTML(); // addEventListener()不冲突 window.addEventListener('resize', setHTML, true); function setHTML(){ // 读取当前屏幕宽度 var windowWidth = document.documentElement.clientWidth; // 看是600的多少倍 var rate = windowWidth / 600; // 是600的多少倍就要让HTML的根字号设置为60的多少倍(这个数字是我自己编的) document.documentElement.style.fontSize = 60 * rate + 'px'; } } }
喜欢的小伙伴可以关注我的微信公众号“前端伪大叔”