js头部设置浏览器字体大小随窗口大小而改变

<script>

  /* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px */

/* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px */

  function placeholderPic(){

   var w = document.documentElement.offsetWidth;

   document.documentElement.style.fontSize=w/20+ 'px' ;

  }

  placeholderPic();

  window.onresize= function (){

   placeholderPic();

  }

</script>

常用于手机端适配，也可用于pc端适配。

将该段js放在html的文档头部，就可以实现通过改变浏览器窗口大小而改变文字的大小设置。

后期单位全部采用rem。