rem自适应js代码

Posted 疾风_剑豪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了rem自适应js代码相关的知识,希望对你有一定的参考价值。

以后懒得写,直接复制了

var computedFz = (function(){
  var designWidth = 375, rem2px = 100;
  function computedFz(){
	var fz = Math.floor(window.innerWidth / designWidth * rem2px);
	document.documentElement.style.fontSize = (fz > 100 ? 100 : fz) + ‘px‘
  }
	return computedFz;
})()
computedFz();
window.onresize = function(){
  setTimeout(computedFz,500);
}

  

以上是关于rem自适应js代码的主要内容,如果未能解决你的问题,请参考以下文章

前端小工具:flexible.js实现rem自适应

使用自适应js(rem为单位)的时候,每次进去都会有一秒左右的时间页面由大到小的自适应跳动,怎么办?

70.JS---利用原生js做手机端网页自适应解决方案rem布局

浅谈移动端的自适应问题——响应式rem/em利用Js动态实现移动端自适应

rem自适应布局

手机端页面自适应解决方案—rem布局