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。

    原文作者:luckydie
    原文地址: https://blog.csdn.net/luckydie/article/details/78413243
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞