网络编程 发布日期：2024/10/3 浏览次数：1
下面一段代码给大家介绍了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);
以上所述是小编给大家介绍的Js动态设置rem来实现移动端字体的自适应代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！