当前位置 : 主页 > 网页制作 > HTTP/TCP >

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

来源:互联网 收集:自由互联 发布时间:2021-06-16
1 // 动态计算字体大小 2 ( function (){ 3 var size= function (){ 4 // 获取当前屏幕相关 5 var docElement = document.documentElement; 6 // 三元比较计算 7 var clientWidthValue = docElement.clientWidth 640 ? 640 : docElemen
 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

网友评论