前端-根据页面大小动态计算字体大小

Posted 2020-11-16 nongfusanquan

 1 // 动态计算字体大小
 2 (function(){
 3     var size= function(){
 4        //获取当前屏幕相关
 5         var docElement = document.documentElement;
 6        //三元比较计算
 7         var clientWidthValue = docElement.clientWidth > 640 ? 640 : docElement.clientWidth;
 8        //根据自己需要设置字体大小
 9         docElement.style.fontSize = 20*(clientWidthValue/375) + ‘px‘;
10     }
11     size();
12    //设置
13     window.addEventListener(‘resize‘,size);
14 })();

参考:https://blog.csdn.net/emperor_cj/article/details/78592447