js控制手机端字体大小rem

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.

 

posted @ 2018-06-19 17:37  电子猫  阅读(1475)  评论(0编辑  收藏  举报
博客已经出生了585天12小时9分18秒