快捷搜索:   nginx

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)

您可能还会对下面的文章感兴趣:

最新评论