首页 > 建站教程 > JS、jQ、TS >  手机端转换rem适应_javascript技巧正文

手机端转换rem适应_javascript技巧

话不多说,请看代码:

01<script>
02 (function() {
03  var changeRem = function() {
04   document.getElementsByTagName('html')[0].style.fontSize = document.documentElement.clientWidth / 20 + 'px';
05  };
06  changeRem();
07  var t;
08  window.addEventListener('resize', function() {
09   clearTimeout(t);
10   t = setTimeout(changeRem, 300);
11  }, false);
12  window.addEventListener('pageshow', function(e) {
13   if (e.persisted) {
14    clearTimeout(t);
15    t = setTimeout(changeRem, 300);
16   }
17  }, false);
18 }());
19</script>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!