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

<script>

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

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

 functionplaceholderPic(){

  varw = document.documentElement.offsetWidth;

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

 }

 placeholderPic();

 window.onresize=function(){

  placeholderPic();

 }

</script>

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

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

后期单位全部采用rem。