手机端转换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 中令人困惑的变量赋值
Aug 13 Javascript
javascript Array.sort() 跨浏览器下需要考虑的问题
Dec 07 Javascript
jQuery AjaxQueue改进步骤
Oct 06 Javascript
AngularJS HTML编译器介绍
Dec 06 Javascript
原生js结合html5制作简易的双色子游戏
Mar 30 Javascript
js/jquery判断浏览器类型的方法小结
May 12 Javascript
jQuery Dialog 取消右上角删除按钮事件
Sep 07 Javascript
jQuery自定义图片上传插件实例代码
Apr 04 jQuery
node.js读取Excel数据(下载图片)的方法示例
Aug 02 Javascript
JavaScript定时器设置、使用与倒计时案例详解
Jul 08 Javascript
在vue+element ui框架里实现lodash的debounce防抖
Nov 13 Javascript
Vue.Draggable实现交换位置
Apr 07 Vue.js
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
php5 pdo新改动加载注意事项
2008/09/11 PHP
PHP开发框架laravel安装与配置教程
2015/03/13 PHP
php获取汉字拼音首字母的方法
2015/10/21 PHP
Apache PHP MySql安装配置图文教程
2016/08/27 PHP
php 访问oracle 存储过程实例详解
2017/01/08 PHP
PHP面向对象学习之parent::关键字
2017/01/18 PHP
Laravel 中创建 Zip 压缩文件并提供下载的实现方法
2019/04/02 PHP
神奇的代码 通杀各种网站-可随意修改复制页面内容
2008/07/17 Javascript
Chrome中模态对话框showModalDialog返回值问题的解决方法
2010/05/25 Javascript
javascript中的if语句使用介绍
2013/11/20 Javascript
javascript结合canvas实现图片旋转效果
2015/05/03 Javascript
举例详解AngularJS中ngShow和ngHide的使用方法
2015/06/19 Javascript
jquery使整个div区域可以点击的方法
2015/06/24 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
2015/09/02 Javascript
Bootstrap每天必学之标签与徽章
2015/11/27 Javascript
微信小程序媒体组件详解(视频,音乐,图片)
2017/09/19 Javascript
解析Angular 2+ 样式绑定方式
2018/01/15 Javascript
javascript中的隐式调用
2018/02/10 Javascript
Vue创建头部组件示例代码详解
2018/10/23 Javascript
JS实现将对象转化为数组的方法分析
2019/01/21 Javascript
JS数组扁平化(flat)方法总结详解
2019/06/24 Javascript
如何在JavaScript中创建具有多个空格的字符串?
2020/02/23 Javascript
Vue proxyTable配置多个接口地址,解决跨域的问题
2020/09/11 Javascript
Python入门篇之条件、循环
2014/10/17 Python
Python实现二叉搜索树
2016/02/03 Python
python装饰器初探(推荐)
2016/07/21 Python
Python中 传递值 和 传递引用 的区别解析
2018/02/22 Python
python dlib人脸识别代码实例
2019/04/04 Python
Python绘图实现显示中文
2019/12/04 Python
python statsmodel的使用
2020/12/21 Python
HTML5 canvas基本绘图之图形组合
2016/06/27 HTML / CSS
陈欧的广告词
2014/03/18 职场文书
夫妻双方自愿离婚协议书
2014/10/24 职场文书
2019最新校园运动会广播稿!
2019/06/28 职场文书
python小程序之飘落的银杏
2021/04/17 Python
MYSQL常用函数介绍
2022/05/05 MySQL