手机端转换rem适应


Posted in Javascript onApril 01, 2017

话不多说,请看代码:

<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 相关文章推荐
Javascript创建自定义对象 创建Object实例添加属性和方法
Jun 04 Javascript
Js点击弹出下拉菜单效果实例
Aug 12 Javascript
js验证电话号码与手机支持+86的正则表达式
Jan 23 Javascript
浅析tr的隐藏和显示问题
Mar 05 Javascript
jQuery多媒体插件jQuery Media Plugin使用详解
Dec 19 Javascript
Jquery使用css方法改变样式实例
May 18 Javascript
javascript字符串循环匹配实例分析
Jul 17 Javascript
对称加密与非对称加密优缺点详解
Feb 06 Javascript
JavaScript中click和onclick本质区别与用法分析
Jun 07 Javascript
微信小程序实现收藏与取消收藏切换图片功能
Aug 03 Javascript
JavaScript基于用户照片姓名生成海报
May 29 Javascript
Nuxt.js nuxt-link与router-link的区别说明
Nov 06 Javascript
ES6新特性之变量和字符串用法示例
Apr 01 #Javascript
ES5学习教程之Array对象
Apr 01 #Javascript
jq checkbox 的全选并ajax传参的实例
Apr 01 #Javascript
js实现音频控制进度条功能
Apr 01 #Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
Apr 01 #Javascript
Linux CentOS系统下安装node.js与express的方法
Apr 01 #Javascript
原生JS实现九宫格抽奖效果
Apr 01 #Javascript
You might like
zend framework文件上传功能实例代码
2013/12/25 PHP
Yii使用技巧大汇总
2015/12/29 PHP
thinkPHP框架实现图像裁剪、缩放、加水印的方法
2017/03/14 PHP
PHP编程实现微信企业向用户付款的方法示例
2017/07/26 PHP
js实现精美的银灰色竖排折叠菜单
2015/05/16 Javascript
函数window.open实现关闭所有的子窗口
2015/08/03 Javascript
浅谈jquery点击label触发2次的问题
2016/06/12 Javascript
jQuery on()方法绑定动态元素的点击事件实例代码浅析
2016/06/16 Javascript
nodejs中全局变量的实例解析
2017/03/07 NodeJs
详解angularjs利用ui-route异步加载组件
2017/05/21 Javascript
关于在mongoose中填充外键的方法详解
2017/08/14 Javascript
JavaScript canvas实现围绕旋转动画
2017/11/18 Javascript
react-router v4如何使用history控制路由跳转详解
2018/01/09 Javascript
从0到1学习JavaScript编写贪吃蛇游戏
2020/07/28 Javascript
基于p5.js 2D图像接口的扩展(交互实现)
2020/11/30 Javascript
vue-router路由懒加载及实现的3种方式
2021/02/28 Vue.js
[02:40]DOTA2殁境神蚀者 英雄基础教程
2013/11/26 DOTA
[16:56]heroes英雄教学 司夜刺客
2014/09/18 DOTA
[02:36]DOTA2亚洲邀请赛小组赛精彩集锦:奇迹哥卡尔秀翻全场
2017/03/28 DOTA
python实现用于测试网站访问速率的方法
2015/05/26 Python
在Python中过滤Windows文件名中的非法字符方法
2019/06/10 Python
如何通过命令行进入python
2020/07/06 Python
利用Python的folium包绘制城市道路图的实现示例
2020/08/24 Python
Oracle里面常用的数据字典有哪些
2014/02/14 面试题
IMPORT的选项IGNORE有什么作用?缺省是什么设置?
2015/09/17 面试题
两道JAVA笔试题
2016/09/14 面试题
大学辅导员事迹材料
2014/02/05 职场文书
学习十八届三中全会精神实施方案
2014/02/17 职场文书
民主评议政风行风整改方案
2014/09/17 职场文书
学习群众路线的心得体会
2014/11/05 职场文书
五好文明家庭事迹材料
2014/12/20 职场文书
2015年导购员工作总结
2015/04/25 职场文书
2016年度员工工作表现评语
2015/12/02 职场文书
辞职信怎么写?
2019/05/21 职场文书
MySQL时区造成时差问题
2022/04/13 MySQL
Shell中的单中括号和双中括号的用法详解
2022/12/24 Servers