几行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 相关文章推荐
我见过最全的个人js加解密功能页面
Dec 12 Javascript
js移除事件 js绑定事件实例应用
Nov 28 Javascript
关于jQuery object and DOM element
Apr 15 Javascript
使用命令对象代替switch语句的写法示例
Feb 28 Javascript
jQuery满屏焦点图左右滚动特效代码分享
Sep 07 Javascript
jquery 表单验证之通过 class验证表单不为空
Nov 02 Javascript
Javascript HTML5 Canvas实现的一个画板
Apr 12 Javascript
基于jquery实现表格内容筛选功能实例解析
May 09 Javascript
node.js版本管理工具n无效的原理和解决方法
Nov 24 Javascript
关于laydate.js加载laydate.css路径错误问题解决
Dec 27 Javascript
小程序实现新用户判断并跳转激活的方法
May 20 Javascript
微信小程序 授权登录详解(附完整源码)
Aug 23 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 IF ELSE简化/三元一次式的使用
2011/08/22 PHP
C#静态方法与非静态方法实例分析
2014/09/22 PHP
PHP中require和include路径问题详解
2014/12/25 PHP
使用正则替换变量
2007/05/05 Javascript
JavaScript回调(callback)函数概念自我理解及示例
2013/07/04 Javascript
js 判断上传文件大小及格式代码
2013/11/13 Javascript
简介JavaScript中Math.LOG10E属性的使用
2015/06/14 Javascript
IE和Firefox之间在JavaScript语法上的差异
2016/04/22 Javascript
三种方式实现瀑布流布局
2017/02/10 Javascript
webpack打包js的方法
2018/03/12 Javascript
微信小程序按钮点击跳转页面详解
2019/05/06 Javascript
jQuery zTree插件快速实现目录树
2019/08/16 jQuery
jQuery - AJAX load() 实例用法详解
2019/08/27 jQuery
[00:32]2018DOTA2亚洲邀请赛Mineski出场
2018/04/04 DOTA
python实现rest请求api示例
2014/04/22 Python
python中urllib.unquote乱码的原因与解决方法
2017/04/24 Python
Request的中断和ErrorHandler实例解析
2018/02/12 Python
Python SMTP发送邮件遇到的一些问题及解决办法
2018/10/24 Python
详解python3 + Scrapy爬虫学习之创建项目
2019/04/12 Python
python利用Opencv实现人脸识别功能
2019/04/25 Python
jupyter notebook 中输出pyecharts图实例
2020/04/23 Python
Python3 批量扫描端口的例子
2019/07/25 Python
python实现大战外星人小游戏实例代码
2019/12/26 Python
python计算二维矩形IOU实例
2020/01/18 Python
python实现输入三角形边长自动作图求面积案例
2020/04/12 Python
使用PyWeChatSpy自动回复微信拍一拍功能的实现代码
2020/07/02 Python
canvas实现俄罗斯方块的方法示例
2018/12/13 HTML / CSS
Linux内核产生并发的原因
2012/07/13 面试题
如何开启linux的ssh服务
2013/06/03 面试题
七年级英语教学反思
2014/01/15 职场文书
城管年度个人总结
2015/02/28 职场文书
爱国主义教育基地观后感
2015/06/18 职场文书
2015初中政教处工作总结
2015/07/21 职场文书
如何在python中实现ECDSA你知道吗
2021/11/23 Python
人民币符号
2022/02/17 杂记
Rust中的Struct使用示例详解
2022/08/14 Javascript