几行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组件使用中遇到的问题整理及解决
Feb 21 Javascript
举例讲解Node.js中的Writable对象
Jul 29 Javascript
浅析JavaScript中浏览器的兼容问题
Apr 19 Javascript
jQuery删除节点用法示例(remove方法)
Sep 08 Javascript
jquery操作ID带有变量的节点实例
Dec 07 Javascript
H5实现中奖记录逐行滚动切换效果
Mar 13 Javascript
微信小程序 自定义消息提示框
Aug 06 Javascript
如何在vue中使用ts的示例代码
Feb 28 Javascript
解决bootstrap模态框数据缓存的问题方法
Aug 10 Javascript
微信小程序实现简单表格
Feb 14 Javascript
vue基础之data存储数据及v-for循环用法示例
Mar 08 Javascript
JS实现li标签的删除
Apr 12 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
同时提取多条新闻中的文本一例
2006/10/09 PHP
PHP设置进度条的方法
2015/07/08 PHP
Linux安装配置php环境的方法
2016/01/14 PHP
JS 文件传参及处理技巧分析
2010/05/13 Javascript
js更优雅的兼容
2010/08/12 Javascript
Javascript全局变量var与不var的区别深入解析
2013/12/09 Javascript
JQuery的Ajax请求实现局部刷新的简单实例
2014/02/11 Javascript
使用js实现一个可编辑的select下拉列表
2014/02/20 Javascript
Java遍历集合方法分析(实现原理、算法性能、适用场合)
2016/04/25 Javascript
JavaScript的ExtJS框架中表格的编写教程
2016/05/21 Javascript
jQuery实现淡入淡出的模态框
2017/02/09 Javascript
jQuery设计思想
2017/03/07 Javascript
解决vue中修改export default中脚本报一大堆错的问题
2018/08/27 Javascript
webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程
2019/06/10 Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
2019/10/26 Javascript
JavaScript仿京东轮播图效果
2021/02/25 Javascript
详解Python3中的Sequence type的使用
2015/08/01 Python
Python实现RGB与HSI颜色空间的互换方式
2019/11/27 Python
Python 剪绳子的多种思路实现(动态规划和贪心)
2020/02/24 Python
python用opencv完成图像分割并进行目标物的提取
2020/05/25 Python
python golang中grpc 使用示例代码详解
2020/06/03 Python
利用Python实现Json序列化库的方法步骤
2020/09/09 Python
如何在Anaconda中打开python自带idle
2020/09/21 Python
一款超酷的js+css3实现的3D标签云特效兼容ie7/8/9
2013/11/18 HTML / CSS
HTML5 device access 设备访问详解
2018/05/24 HTML / CSS
大学生自荐信
2013/12/11 职场文书
行政专员工作职责
2013/12/22 职场文书
《彩色世界》教学反思
2014/04/12 职场文书
工程索赔意向书
2014/08/30 职场文书
法定代表人身份证明书(含说明)
2014/10/02 职场文书
简单的辞职信怎么写
2015/02/28 职场文书
2015年教学工作总结
2015/04/02 职场文书
文明礼貌主题班会
2015/08/14 职场文书
2016七一建党节慰问信
2015/11/30 职场文书
《黄山奇石》教学反思
2016/02/18 职场文书
Java8中Stream的一些神操作
2021/11/02 Java/Android