几行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 相关文章推荐
在IE模态窗口中自由查看HTML源码的方法
Mar 08 Javascript
javascript innerText和innerHtml应用
Jan 28 Javascript
js中typeof的用法汇总
Dec 12 Javascript
JS获取计算机mac地址以及IP的实现方法
Jan 08 Javascript
javascript引擎长时间独占线程造成卡顿的解决方案
Dec 03 Javascript
apply和call方法定义及apply和call方法的区别
Nov 15 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
Mar 29 Javascript
微信小程序 页面传参实例详解
Nov 16 Javascript
Bootstrap Scrollspy源码学习
Mar 02 Javascript
详解vue2.0的Element UI的表格table列时间戳格式化
Jun 13 Javascript
Angular实现响应式表单
Aug 04 Javascript
微信小程序表单弹窗实例
Jul 19 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 随机生成10位字符代码
2009/03/26 PHP
PHP计算2点经纬度之间的距离代码
2013/08/12 PHP
PHP批量删除、清除UTF-8文件BOM头的代码实例
2014/04/14 PHP
php使用文本统计访问量的方法
2016/05/12 PHP
php 中htmlentities导致中文无法查询问题
2018/09/10 PHP
jquery 动态创建元素的方式介绍及应用
2013/04/21 Javascript
将两个div左右并列显示并实现点击标题切换内容
2013/10/22 Javascript
js截取固定长度的中英文字符的简单实例
2013/11/22 Javascript
node.js中的events.emitter.once方法使用说明
2014/12/10 Javascript
jQuery获取及设置表单input各种类型值的方法小结
2016/05/24 Javascript
JS触发服务器控件的单击事件(详解)
2016/08/06 Javascript
引用jquery框架后出错的解决方法
2016/08/09 Javascript
jQuery实现的多张图无缝滚动效果【测试可用】
2016/09/12 Javascript
Angularjs处理页面闪烁的解决方法
2017/03/09 Javascript
如何让你的JS代码更好看易读
2017/12/01 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
2018/06/25 Javascript
[01:03:18]DOTA2-DPC中国联赛 正赛 RNG vs Dynasty BO3 第一场 1月29日
2021/03/11 DOTA
修改Python的pyxmpp2中的主循环使其提高性能
2015/04/24 Python
简单介绍Python的Django框架的dj-scaffold项目
2015/05/30 Python
Python中的取模运算方法
2018/11/10 Python
python 猴子补丁(monkey patch)
2019/06/26 Python
python内打印变量之%和f的实例
2020/02/19 Python
django admin 添加自定义链接方式
2020/03/11 Python
python+selenium+Chrome options参数的使用
2020/03/18 Python
html5 canvas移动浏览器上实现图片压缩上传
2016/03/11 HTML / CSS
尤妮佳moony海外旗舰店:日本殿堂级纸尿裤品牌
2018/02/23 全球购物
幼儿教师思想汇报
2014/01/10 职场文书
舞蹈比赛获奖感言
2014/02/04 职场文书
服装行业创业计划书范文
2014/02/05 职场文书
模具设计与制造专业推荐信
2014/02/16 职场文书
财务管理职业生涯规划书
2014/02/26 职场文书
建议书范文
2015/02/05 职场文书
任命书怎么写
2015/03/02 职场文书
2015年医院护理部工作总结
2015/04/23 职场文书
2016年学校禁毒宣传活动工作总结
2016/04/05 职场文书
mysql数据库如何转移到oracle
2022/12/24 MySQL