几行js代码实现自适应


Posted in Javascript onFebruary 24, 2017

在javascript写下如下几行:

(function (doc, win, undefined) {
      var docEl = doc.documentElement,
       resizeEvt = 'orientationchange' in win? 'orientationchange' : 'resize',
       recalc = function () {
        var clientWidth = docEl.clientWidth;
        if (clientWidth === undefined) return;
        docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
       };
      if (doc.addEventListener === undefined) return;
      win.addEventListener(resizeEvt, recalc, false);
      doc.addEventListener('DOMContentLoaded', recalc, false)
     })(document, window);

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

Javascript 相关文章推荐
jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
Dec 02 Javascript
深入学习jQuery Validate表单验证(二)
Jan 18 Javascript
完美解决IE9浏览器出现的对象未定义问题
Sep 29 Javascript
js时间控件只显示年月
Jan 08 Javascript
巧用weui.topTips验证数据的实例
Apr 17 Javascript
详解js正则表达式验证时间格式xxxx-xx-xx形式
Feb 09 Javascript
jQuery扩展方法实现Form表单与Json互相转换的实例代码
Sep 05 jQuery
vue使用微信JS-SDK实现分享功能
Aug 23 Javascript
微信小程序JS加载esmap地图的实例详解
Sep 04 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
Feb 13 Javascript
JavaScript队列结构Queue实现过程解析
Mar 07 Javascript
JavaScript通如何过RGraph实现动态仪表盘
Oct 15 Javascript
javascript 删除数组元素和清空数组的简单方法
Feb 24 #Javascript
JavaScript基本类型值-Number类型
Feb 24 #Javascript
AngularJS Toaster使用详解
Feb 24 #Javascript
js获取隐藏元素的宽高
Feb 24 #Javascript
js css自定义分页效果
Feb 24 #Javascript
jQuery快速高效制作网页交互特效
Feb 24 #Javascript
Angular.js自定义指令学习笔记实例
Feb 24 #Javascript
You might like
php zlib压缩和解压缩swf文件的代码
2008/12/30 PHP
关于php微信订阅号开发之token验证后自动发送消息给订阅号但是没有消息返回的问题
2015/12/21 PHP
PHP简单获取随机数的常用方法小结
2017/06/07 PHP
用javascript获得地址栏参数的两种方法
2006/11/08 Javascript
Javascript 类型转换方法
2010/10/24 Javascript
Jquery动态进行图片缩略的原理及实现
2013/08/13 Javascript
动态标签 悬停效果 延迟加载示例代码
2013/11/21 Javascript
javascript感应鼠标图片透明度显示的方法
2015/02/24 Javascript
js时间戳转为日期格式的方法
2015/12/28 Javascript
js实现登录框鼠标拖拽效果
2017/03/09 Javascript
BootStrap表单控件之复选框checkbox和单选择按钮radio
2017/05/23 Javascript
详解微信小程序之一键复制到剪切板
2019/04/24 Javascript
vant 自定义 van-dropdown-item的用法
2020/08/05 Javascript
js实现日历
2020/11/07 Javascript
使用C语言扩展Python程序的简单入门指引
2015/04/14 Python
使用简单工厂模式来进行Python的设计模式编程
2016/03/01 Python
Python二叉树的定义及常用遍历算法分析
2017/11/24 Python
Python语言快速上手学习方法
2018/12/14 Python
Python实现的IP端口扫描工具类示例
2019/02/15 Python
对Python3 序列解包详解
2019/02/16 Python
python取均匀不重复的随机数方式
2019/11/27 Python
Django项目使用ckeditor详解(不使用admin)
2019/12/17 Python
pytorch 归一化与反归一化实例
2019/12/31 Python
python爬虫中url管理器去重操作实例
2020/11/30 Python
XD健身器材:Kevlar球、Crossfit健身球
2019/03/26 全球购物
PHP笔试题
2012/02/22 面试题
运行时异常与一般异常有何异同?
2014/01/05 面试题
益模软件Java笔试题
2012/03/27 面试题
万户网络JAVA程序员岗位招聘笔试试卷
2013/01/08 面试题
爷爷追悼会答谢词
2014/01/24 职场文书
优秀学生干部个人事迹材料
2014/06/02 职场文书
企业精神口号
2014/06/11 职场文书
聚会通知怎么写
2015/04/23 职场文书
Python中相见恨晚的技巧
2021/04/13 Python
Java并发编程之Executor接口的使用
2021/06/21 Java/Android
Python内置类型集合set和frozenset的使用详解
2022/04/26 Python