几行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 png图片(有含有透明)在IE6中为什么不透明了
Feb 07 Javascript
js检测输入内容全为空格的方法
May 03 Javascript
js正则表达式中exec用法实例
Jul 23 Javascript
jQuery实现仿QQ在线客服效果的滚动层代码
Oct 15 Javascript
原生JS实现《别踩白块》游戏(兼容IE)
Feb 20 Javascript
javascript 作用于作用域链的详解
Sep 27 Javascript
jQuery使用each遍历循环的方法
Sep 19 jQuery
vue+element-ui实现表格编辑的三种实现方式
Oct 31 Javascript
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
Sep 28 Javascript
深入分析jQuery.one() 函数
Jun 03 jQuery
vue深度监听(监听对象和数组的改变)与立即执行监听实例
Sep 04 Javascript
Vue全家桶入门基础教程
May 14 Vue.js
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
javascript分页代码实例分享(js分页)
2013/12/13 Javascript
javascript 获取网页标题代码实例
2014/01/22 Javascript
jQuery通过控制节点实现仅在前台通过get方法完成参数传递
2015/02/02 Javascript
浅谈JavaScript中运算符的优先级
2015/07/07 Javascript
javascript中数组方法汇总
2015/07/07 Javascript
JS实现的Select三级下拉菜单代码
2015/08/20 Javascript
jQuery扩展实现text提示还能输入多少字节的方法
2016/11/28 Javascript
JS前端开发判断是否是手机端并跳转操作(小结)
2017/02/05 Javascript
p5.js入门教程之平滑过渡(Easing)
2018/03/16 Javascript
浅谈vux之x-input使用以及源码解读
2018/11/04 Javascript
如何利用ES6进行Promise封装总结
2019/02/11 Javascript
Vue使用Clipboard.JS在h5页面中复制内容实例详解
2019/09/03 Javascript
vue-cli4使用全局less文件中的变量配置操作
2020/10/21 Javascript
[02:31]DOTA2帕克 英雄基础教程
2013/11/26 DOTA
[01:22:10]Ti4 循环赛第二日 DK vs Empire
2014/07/11 DOTA
Python pickle模块用法实例
2015/04/14 Python
Python编程之属性和方法实例详解
2015/05/19 Python
Python实现的计算马氏距离算法示例
2018/04/03 Python
Python模拟登录的多种方法(四种)
2018/06/01 Python
Python设计模式之外观模式实例详解
2019/01/17 Python
python中update的基本使用方法详解
2019/07/17 Python
python字符串替换re.sub()方法解析
2019/09/18 Python
python实现扫雷小游戏
2020/04/24 Python
aws 通过boto3 python脚本打pach的实现方法
2020/05/10 Python
用Python开发app后端有优势吗
2020/06/29 Python
python如何发送带有附件、正文为HTML的邮件
2021/02/27 Python
阿联酋航空官方网站:Emirates
2017/10/17 全球购物
实体的生命周期
2013/08/31 面试题
接待员岗位责任制
2014/02/10 职场文书
改进作风怎么办发言材料
2014/08/17 职场文书
员工激励培训演讲稿
2014/09/16 职场文书
2016入党积极分子考察评语
2015/12/01 职场文书
CSS3 制作的悬停缩放特效
2021/04/13 HTML / CSS
使用这 6个Vue加载动画库来减少我们网站的跳出率
2021/05/18 Vue.js
分析Python list操作为什么会错误
2021/11/17 Python
python DataFrame中stack()方法、unstack()方法和pivot()方法浅析
2022/04/06 Python