码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-10-22 13:04:40      阅读:94      评论:0      收藏:0      [点我收藏+]

标签:value   需要   element   article   font   event   lis   art   相关   

 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

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

标签:value   需要   element   article   font   event   lis   art   相关   

原文地址:https://www.cnblogs.com/nongfusanquan/p/11718913.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!