1 //得到手机屏幕的宽度 2 let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth; 3 if(htmlWidth>750){htmlWidth=750} 4 //得到html的Dom元素 5 let htmlDom = document.getElementsByTagName('html')[0]; 6 //设置根元素字体大小 7 htmlDom.style.fontSize = htmlWidth/20 + 'px'; 8 htmlDom.style.margin = '0 auto'; 9 htmlDom.style.maxWidth = 750 + 'px';
比如说，手机宽度像素为360px的话，1rem就是18px；像素为320px的话，1rem就是16px.