手机端转换rem适应
更新时间：2017年04月01日 10:42:54 作者：她让我换网名
本文主要介绍了手机端转换rem适应的方法实例。具有很好的参考价值。下面跟着小编一起来看下吧
话不多说，请看代码：
<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>
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
您可能感兴趣的文章:
相关文章
这篇文章主要是对Javascript动态方法调用与参数修改的问题进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的,需要的朋友可以参考下2017-06-06
你是否知道JavaScript其实也是一个函数式编程语言呢？本文将教你如何利用JavaScript的函数式特性。2015-09-09
这篇文章主要介绍了微信小程序仿抖音视频之整屏上下切换功能,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-05-05
最基本的写法 ，然后实现Js和HTML的分离，然后又实现对同一个元素注册多个事件，期间，我们发现注册事件的兼容性问题。最后我们对注册事件的方法进行封装，方便以后使用。2011-01-01
这篇文章主要为大家详细介绍了如何使用JavaScript轻松实现数据转换,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2024-10-10
这篇文章主要为大家详细介绍了微信小程序实现左侧导航栏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
本文给大家分享基于javascript制作的qq空间相册展示效果，涉及到html\css布局思维，浮动定位详解，具体实现代码大家参考下本文2017-12-12
一般GridView第一列是多选框CheckBox，负责标记当前行是否被选中，后面可以有文本框TextBox，下拉框DropDownList，标签Lable2009-04-04
JavaScript 模式之工厂模式(Factory)应用介绍
工厂模式也是对象创建模式之一，它通常在类或类的静态方法中去实现,本文将详细介绍JavaScript 工厂模式2012-11-11
最新评论