Js动态设置rem来实现移动端字体的自适应代码
下面一段代码给大家介绍了Js动态设置rem来实现移动端字体的自适应，以此做个记录，方便以后需要，感兴趣的朋友一起看看吧。
具体代码如下所示：
//设置根元素字体
varwin=window,
doc=document;
functionsetFontSize(){
varwinWidth=$(window).width();
//750这个数字是根据你的设计图的实际大小来的，所以值具体根据设计图的大小
varsize=(winWidth/750)*100;
doc.documentElement.style.fontSize=(size<100?size:100)+'px';
};
//这里我们给个定时器来实现页面加载完毕再进行字体设置
setTimeout(function(){
//初始化
setFontSize();
},100);
以上所述是小编给大家介绍的Js动态设置rem来实现移动端字体的自适应代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！