Js动态设置rem来实现移动端字体的自适应代码
移动端自适应字体还可以通过Js动态设置rem来实现,这里提供移动端字体的自适应代码
下面是Js动态设置rem来实现移动端字体的自适应的代码,大家可以参考一下:
以上就是Js动态设置rem实现移动端自适应字体的代码
下面是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实现移动端自适应字体的代码
顶(1)
踩(0)
- 最新评论