(function(){ 'use strict'; let doc=document.documentElement;//减少dom操作 function resize(){ //获取dom文档宽 let clientWidth= window.innerWidth || doc.getBoundingClientRect().width ; let fontSize = doc.style.fontSize; //动态改变html的font-size,以320为例 if(clientWidth<375){//设置边界值以防万一 fontSize = '100px'; }else{ fontSize = clientWidth/375*100 + 'px'; } } //检测屏幕尺寸变化同步font-size,如横竖屏切换时触发 window.onresize = function(){ resize() }; //页面初始化时触发 resize()})();
提前获取fontsize存储到变量中,却无法成功设置html的fontsize,但是fontsize这个变量是获取到了结果的,在网页上却没有成功。只有在if-else代码块中通过doc.style.fontsize的方式来设置才能成功设置,暂时不知道为什么。留着以后解决