几行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 相关文章推荐
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
Feb 15 Javascript
Javascript base64编码实现代码
Dec 02 Javascript
js判断url是否有效的两种方法
Mar 04 Javascript
网页下载文件期间如何防止用户对网页进行其他操作
Jun 27 Javascript
js实现class样式的修改、添加及删除的方法
Jan 20 Javascript
Javascript中的对象和原型(二)
Aug 12 Javascript
JavaScript中splice与slice的区别
May 09 Javascript
jQuery查找dom的几种方法效率详解
May 17 jQuery
node.js实现的装饰者模式示例
Sep 06 Javascript
解析Vue 2.5的Diff算法
Nov 28 Javascript
Postman的下载及安装教程详解
Oct 16 Javascript
Node.js从字符串生成文件流的实现方法
Aug 18 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
星际争霸任务指南——虫族
2020/03/04 星际争霸
php自定义函数call_user_func和call_user_func_array详解
2011/07/14 PHP
php转换颜色为其反色的方法
2015/04/27 PHP
浅谈本地WAMP环境的搭建
2015/05/13 PHP
php字符集转换
2017/01/23 PHP
jQuery检测返回值的数据类型
2015/07/13 Javascript
jQuery实现径向动画菜单效果
2015/07/17 Javascript
适用于javascript开发者的Processing.js入门教程
2016/02/24 Javascript
JS组件Bootstrap导航条使用方法详解
2016/04/29 Javascript
AngularJS控制器继承自另一控制器
2016/05/09 Javascript
Javascript实现汉字和拼音互转的终极方案
2016/10/19 Javascript
JS 60秒后重新发送验证码的实例讲解
2017/07/26 Javascript
vue监听用户输入和点击功能
2019/09/27 Javascript
leaflet加载geojson叠加显示功能代码
2020/02/21 Javascript
JavaScript正则表达式验证登录实例
2020/03/18 Javascript
javascript实现滚轮轮播图片
2020/12/13 Javascript
[00:30]塑造者的传承礼包-戴泽“暗影之焰”套装展示视频
2014/04/04 DOTA
[01:34]传奇从这开始 2016国际邀请赛中国区预选赛震撼开启
2016/06/26 DOTA
简单介绍Python中的JSON使用
2015/04/28 Python
Python中scatter函数参数及用法详解
2017/11/08 Python
Python zip()函数用法实例分析
2018/03/17 Python
解决Python Matplotlib绘图数据点位置错乱问题
2020/05/16 Python
Python3批量创建Crowd用户并分配组
2020/05/20 Python
关于keras中keras.layers.merge的用法说明
2020/05/23 Python
英国领先的在线高尔夫商店:Gamola Golf
2019/11/16 全球购物
彪马香港官方网上商店:PUMA香港
2020/12/06 全球购物
应用心理学个人的求职信
2013/12/08 职场文书
棉花姑娘教学反思
2014/02/15 职场文书
保护母亲河倡议书
2014/04/14 职场文书
学风建设演讲稿
2014/09/12 职场文书
自愿离婚协议书范本
2014/09/13 职场文书
优秀教师申报材料
2014/12/16 职场文书
通用员工手册范本
2015/05/14 职场文书
高一军训口号
2015/12/25 职场文书
党员公开承诺书(2016最新版)
2016/03/24 职场文书
详解Html5项目适配系统深色模式方案总结
2021/04/14 HTML / CSS