几行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中的extend方法实现原理
Feb 27 Javascript
javascript实现根据3原色制作颜色选择器的方法
Jul 17 Javascript
JS实现自动固定顶部的悬浮菜单栏效果
Sep 16 Javascript
JavaScript中数组的合并以及排序实现示例
Oct 24 Javascript
前端设计师们最常用的JS代码汇总
Sep 25 Javascript
jQuery特殊符号转义的实现
Nov 30 Javascript
JavaScript的setter与getter方法
Nov 29 Javascript
vue自定义全局共用函数详解
Sep 18 Javascript
webpack file-loader和url-loader的区别
Jan 15 Javascript
使用原生JS实现火锅点餐小程序(面向对象思想)
Dec 10 Javascript
微信小程序停止其他视频播放当前视频的实例代码
Dec 25 Javascript
JS数组降维的实现Array.prototype.concat.apply([], arr)
Apr 28 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生成随机密码方法汇总
2015/08/27 PHP
php+ajax实现异步上传文件或图片功能
2017/07/18 PHP
javascript之querySelector和querySelectorAll使用介绍
2011/12/20 Javascript
jquery创建一个新的节点对象(自定义结构/内容)的好方法
2013/01/21 Javascript
js获取控件位置以及不同浏览器中的差别介绍
2013/08/08 Javascript
js函数定时器实现定时读取系统实时连接数
2014/04/30 Javascript
JQuery动画animate的stop方法使用详解
2014/05/09 Javascript
jQuery实现判断滚动条到底部
2015/06/23 Javascript
jquery移动点击的项目到列表最顶端的方法
2015/06/24 Javascript
JS实现三级折叠菜单特效,其它级可自动收缩
2015/08/06 Javascript
30分钟快速掌握Bootstrap框架
2016/05/24 Javascript
Angularjs---项目搭建图文教程
2016/07/08 Javascript
JS简单验证上传文件类型的方法
2017/04/17 Javascript
Vue使用vue-cli创建项目
2017/09/01 Javascript
jQuery 图片查看器插件 Viewer.js用法简单示例
2020/04/04 jQuery
[03:24]2014DOTA2国际邀请赛 神秘商店生意火爆
2014/07/18 DOTA
[01:02:48]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 LGD vs OG
2018/04/02 DOTA
[41:05]Serenity vs Pain 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
[49:05]OG vs Newbee 2019DOTA2国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
[48:24]完美世界DOTA2联赛循环赛LBZS vs Forest 第一场 10月30日
2020/10/31 DOTA
python正则表达式爬取猫眼电影top100
2018/02/24 Python
分享vim python缩进等一些配置
2018/07/02 Python
python打包生成的exe文件运行时提示缺少模块的解决方法
2018/10/31 Python
python简易实现任意位数的水仙花实例
2018/11/13 Python
python实现对指定字符串补足固定长度倍数截断输出的方法
2018/11/15 Python
利用Django提供的ModelForm增删改数据的方法
2019/01/06 Python
基于打开pycharm有带图片md文件卡死问题的解决
2020/04/24 Python
Python自动发送和收取邮件的方法
2020/08/12 Python
DogBuddy荷兰:找到你最完美的狗保姆
2019/04/17 全球购物
学生档案自我鉴定
2013/10/07 职场文书
质量标语大全
2014/06/12 职场文书
义和团口号
2014/06/17 职场文书
优秀团员主要事迹材料
2015/11/05 职场文书
HashMap实现保存两个key相同的数据
2021/06/30 Java/Android
阿里云服务器部署mongodb的详细过程
2021/09/04 MongoDB
MongoDB修改oplog大小的四种方法
2022/04/11 MongoDB