几行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 相关文章推荐
How to Auto Include a Javascript File
Feb 02 Javascript
用js实现的抽象CSS圆角效果!!
May 03 Javascript
JS日期和时间选择控件升级版(自写)
Aug 02 Javascript
得到form下的所有的input的js代码
Nov 07 Javascript
iframe里的页面禁止右键事件的方法
Jun 10 Javascript
js中的getAttribute方法使用示例
Aug 01 Javascript
jQuery unbind()方法实例详解
Jan 19 Javascript
js中遍历Map对象的方法
Jul 27 Javascript
微信小程序的分类页面制作
Jun 27 Javascript
详解bootstrap导航栏.nav与.navbar区别
Nov 23 Javascript
vscode中vue-cli项目es-lint的配置方法
Jul 30 Javascript
Vue常用传值方式、父传子、子传父及非父子实例分析
Feb 24 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上的memcache和memcached两个pecl库
2010/03/29 PHP
基于PHP array数组的教程详解
2013/06/05 PHP
thinkphp获取栏目和文章当前位置的方法
2014/10/29 PHP
PHP测试成功的邮件发送案例
2015/10/26 PHP
详解PHP中foreach的用法和实例
2016/10/25 PHP
PHP基于方差和标准差计算学生成绩的稳定性示例
2017/07/04 PHP
php实现socket推送技术的示例
2017/12/20 PHP
PHP asXML()函数讲解
2019/02/03 PHP
jquery插件jbox使用iframe关闭问题
2009/02/09 Javascript
javascript 语法基础 想学习js的朋友可以看看
2009/12/16 Javascript
JavaScript对内存分配及管理机制详细解析
2013/11/11 Javascript
JQuery中DOM加载与事件执行实例分析
2015/06/13 Javascript
学习JavaScript设计模式之责任链模式
2016/01/18 Javascript
nodejs 实现钉钉ISV接入的加密解密方法
2017/01/16 NodeJs
详解Angular.js指令中scope类型的几种特殊情况
2017/02/21 Javascript
JavaScript箭头函数_动力节点Java学院整理
2017/06/28 Javascript
Angular2环境搭建具体操作步骤(推荐)
2017/08/04 Javascript
JavaScript基础进阶之数组方法总结(推荐)
2017/09/04 Javascript
Vue render深入开发讲解
2018/04/13 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
2018/08/06 Javascript
如何在vue里面优雅的解决跨域(路由冲突问题)
2019/01/20 Javascript
微信小程序可滑动周日历组件使用详解
2019/10/21 Javascript
angular8.5集成TinyMce5的使用和详细配置(推荐)
2020/11/16 Javascript
python实现决策树ID3算法的示例代码
2018/05/30 Python
django2用iframe标签完成网页内嵌播放b站视频功能
2018/06/20 Python
python中将zip压缩包转为gz.tar的方法
2018/10/18 Python
django+mysql的使用示例
2018/11/23 Python
浅谈python在提示符下使用open打开文件失败的原因及解决方法
2018/11/30 Python
PyQt5创建一个新窗口的实例
2019/06/20 Python
PyQt5 窗口切换与自定义对话框的实例
2019/06/20 Python
浅谈python处理json和redis hash的坑
2020/07/16 Python
基于html5 canvas实现漫天飞雪效果实例
2014/09/10 HTML / CSS
do you have any Best Practice for testing
2016/06/04 面试题
管道维修工岗位职责
2013/12/27 职场文书
2014年初三班主任工作总结
2014/12/05 职场文书
MYSQL 运算符总结
2021/11/11 MySQL