Js动态设置rem来实现移动端字体的自适应

//设置根元素字体
var win = window,
doc = document;
function setFontSize() {
　　var winWidth = $(window).width();

　　//750这个数字是根据你的设计图的实际大小来的，所以值具体根据设计图的大小
　　var size = (winWidth / 750) * 100;
　　doc.documentElement.style.fontSize = (size < 100 ? size : 100) + 'px';
};

//这里我们给个定时器来实现页面加载完毕再进行字体设置
setTimeout(function() {
　　//初始化
　　setFontSize();
}, 100);

 

转载于:https://www.cnblogs.com/handsomehuwei/p/5942388.html