几行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(DHTML)中的一些技巧
Jan 09 Javascript
JScript中的undefined和"undefined"的区别
Mar 08 Javascript
Javascript图像处理—亮度对比度应用案例
Jan 03 Javascript
javascript操作表格排序实例分析
May 06 Javascript
text-align:justify实现文本两端对齐 兼容IE
Aug 19 Javascript
jQuery实现鼠标悬停背景翻转的黑色导航菜单代码
Sep 14 Javascript
Bootstrap每天必学之标签与徽章
Nov 27 Javascript
js智能获取浏览器版本UA信息的方法
Aug 08 Javascript
AngularJS教程之简单应用程序示例
Aug 16 Javascript
JS使用正则表达式验证身份证号码
Jun 23 Javascript
vue2.0项目实现路由跳转的方法详解
Jun 21 Javascript
Jquery 获取相同NAME 或者id删除行操作
Aug 24 jQuery
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 文件状态缓存带来的问题
2008/12/14 PHP
php array_unique之后json_encode需要注意
2011/01/02 PHP
WIN8.1下搭建PHP5.6环境
2015/04/29 PHP
php实现的SSO单点登录系统接入功能示例分析
2016/10/12 PHP
PHP利用超级全局变量$_GET来接收表单数据的实例
2016/11/05 PHP
Javascript前端UI框架Kit使用指南之Kitjs简介
2014/11/28 Javascript
jQuery操作表单常用控件方法小结
2015/03/23 Javascript
JavaScript前端开发之实现二进制读写操作
2015/11/04 Javascript
浅谈Javascript数据属性与访问器属性
2016/07/26 Javascript
AngularJS实现标签页的两种方式
2016/09/05 Javascript
AngularJS过滤器filter用法总结
2016/12/13 Javascript
javascript动画系列之模拟滚动条
2016/12/13 Javascript
JS获取短信验证码倒计时的实现代码
2017/05/22 Javascript
详谈表单格式化插件jquery.serializeJSON
2017/06/23 jQuery
详解vue模拟加载更多功能(数据追加)
2017/06/23 Javascript
js下拉菜单生成器dropMenu使用方法详解
2017/08/01 Javascript
python分析网页上所有超链接的方法
2015/05/08 Python
简单讲解Python中的数字类型及基本的数学计算
2016/03/11 Python
python实现FTP服务器服务的方法
2017/04/11 Python
利用django如何解析用户上传的excel文件
2017/07/24 Python
基于python实现聊天室程序
2018/07/27 Python
Python之Numpy的超实用基础详细教程
2019/10/23 Python
Python基于Tensor FLow的图像处理操作详解
2020/01/15 Python
Ubuntu配置Pytorch on Graph (PoG)环境过程图解
2020/11/19 Python
基于html5实现的图片墙效果
2014/10/16 HTML / CSS
市场部规章制度
2014/01/24 职场文书
语文教学感言
2014/02/06 职场文书
简历中自我评价怎么写
2014/02/12 职场文书
转让协议书范本
2014/04/15 职场文书
开学典礼演讲稿
2014/05/23 职场文书
小学生放飞梦想演讲稿
2014/08/26 职场文书
简单的离婚协议书范本
2014/11/16 职场文书
2014年帮扶工作总结
2014/11/26 职场文书
2015年留守儿童工作总结
2015/05/22 职场文书
Pillow图像处理库安装及使用
2022/04/12 Python
nginx 添加http_stub_status_module模块
2022/05/25 Servers