document.documentelement.style.fontsize无法设置的问题


(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的方式来设置才能成功设置,暂时不知道为什么。

留着以后解决



免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM