rem.js 492 B

12345678910111213141516171819
  1. // 设置 rem 函数
  2. function setRem() {
  3. // 320 默认大小16px; 320px = 20rem ;每个元素px基础上/16
  4. let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;
  5. //得到html的Dom元素
  6. let htmlDom = document.getElementsByTagName('html')[0];
  7. //设置根元素字体大小
  8. htmlDom.style.fontSize = htmlWidth / 20 + 'px';
  9. }
  10. // 初始化
  11. setRem();
  12. // 改变窗口大小时重新设置 rem
  13. window.onresize = function () {
  14. setRem()
  15. };