几行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 相关文章推荐
显示、隐藏密码
Jul 01 Javascript
关于javascript中的typeof和instanceof介绍
Dec 04 Javascript
JavaScript实现网页上的浮动广告的简单方法
Jun 14 Javascript
Js 导出table内容到Excel的简单实例
Nov 19 Javascript
html文档中的location对象属性理解及常见的用法
Aug 13 Javascript
采用自执行的匿名函数解决for循环使用闭包的问题
Sep 11 Javascript
jQuery实现的支持IE的html滑动条
Mar 16 Javascript
jQuery Validate插件自定义验证规则的方法
Dec 27 Javascript
详解一次Vue低版本安卓白屏问题的解决过程
May 30 Javascript
使用react context 实现vue插槽slot功能
Jul 18 Javascript
Vue中的transition封装组件的实现方法
Aug 13 Javascript
vue实现一个获取按键展示快捷键效果的Input组件
Jan 13 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
PHP 身份验证方面的函数
2009/10/11 PHP
PHP编程过程中需要了解的this,self,parent的区别
2009/12/30 PHP
php根据日期或时间戳获取星座信息和生肖等信息
2015/10/20 PHP
PHP实现的mongoDB数据库操作类完整实例
2018/04/10 PHP
PHP集成环境XAMPP的安装与配置
2018/11/13 PHP
如何阻止复制剪切和粘贴事件为了表单内容的安全
2013/05/23 Javascript
Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例
2013/12/08 Javascript
jQuery+ajax实现鼠标单击修改内容的方法
2014/06/27 Javascript
jQuery中height()方法用法实例
2014/12/24 Javascript
JS实现文字链接感应鼠标淡入淡出改变颜色的方法
2015/02/26 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
2016/06/17 Javascript
JavaScript prototype属性详解
2016/10/25 Javascript
node.js中实现kindEditor图片上传功能的方法教程
2017/04/26 Javascript
微信小程序 页面跳转事件绑定的实例详解
2017/09/20 Javascript
JS在if中的强制类型转换方式
2018/07/15 Javascript
nestjs中异常过滤器Exceptionfilter的具体使用
2021/02/07 Javascript
[22:07]DOTA2-DPC中国联赛 正赛 iG vs Magma 选手采访
2021/03/11 DOTA
python 生成目录树及显示文件大小的代码
2009/07/23 Python
tensorflow识别自己手写数字
2018/03/14 Python
Python实现图片拼接的代码
2018/07/02 Python
详解python多线程之间的同步(一)
2019/04/03 Python
详解Python 调用C# dll库最简方法
2019/06/20 Python
在linux下实现 python 监控usb设备信号
2019/07/03 Python
pytorch 预训练层的使用方法
2019/08/20 Python
python实现计算器功能
2019/10/31 Python
Ubuntu16.04安装python3.6.5步骤详解
2020/01/10 Python
Python Handler处理器和自定义Opener原理详解
2020/03/05 Python
委托证明的格式
2014/01/10 职场文书
上课说话检讨书大全
2014/01/22 职场文书
小学亲子活动总结
2014/07/01 职场文书
无财产无子女离婚协议书范文
2014/09/14 职场文书
户外活动总结
2015/02/04 职场文书
新年祝酒词大全
2015/08/11 职场文书
《迟到》教学反思
2016/02/24 职场文书
残联2016年全国助残日活动总结
2016/04/01 职场文书
python实现手机推送 代码也就10行左右
2022/04/12 Python