手机端转换rem适应
更新时间:2017年4月3日 10:00 点击:1386
话不多说,请看代码:
<script> (function() { var changeRem = function() { document.getElementsByTagName('html')[0].style.fontSize = document.documentElement.clientWidth / 20 + 'px'; }; changeRem(); var t; window.addEventListener('resize', function() { clearTimeout(t); t = setTimeout(changeRem, 300); }, false); window.addEventListener('pageshow', function(e) { if (e.persisted) { clearTimeout(t); t = setTimeout(changeRem, 300); } }, false); }()); </script>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!
下一篇: ES6新特性之函数的扩展实例详解
相关文章
- 这篇文章主要为大家详细介绍了H5图片上传插件,基于zepto,支持多文件上传,进度和图片预览,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2017-04-27
- 移动端网站作为移动互联网最主要的入口,能随时展现自身、与目标用户便捷沟通,同时方便手机用户随时随地查询和浏览,有效占领客户“空闲时间”。移动端网站确实是最便捷的...2017-01-22
- 本文主要介绍了手机端转换rem适应的方法实例。具有很好的参考价值。下面跟着小编一起来看下吧...2017-04-03