几行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 相关文章推荐
[原创]网络复制内容时常用的正则+editplus
Nov 30 Javascript
js的一些常用方法小结
Jun 29 Javascript
Javascript学习笔记 delete运算符
Sep 13 Javascript
jquery ajax 简单范例(界面+后台)
Nov 19 Javascript
JavaScript中的splice方法用法详解
Jul 20 Javascript
利用Console来Debug的10个高级技巧汇总
Mar 26 Javascript
浅谈Vue数据响应思路之数组
Nov 06 Javascript
vue组件命名和props命名代码详解
Sep 01 Javascript
js实现上传图片并显示图片名称
Dec 18 Javascript
基于JS实现快速读取TXT文件
Aug 25 Javascript
详解Vue的mixin策略
Nov 19 Vue.js
浅谈克隆 JavaScript
Nov 02 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实现字符串首字母转换成大写的方法
2015/03/17 PHP
WAMP环境中扩展oracle函数库(oci)
2015/06/26 PHP
PHP实现限制IP访问及提交次数的方法详解
2017/07/17 PHP
tp5框架的增删改查操作示例
2019/10/31 PHP
JavaScript包装对象使用介绍
2013/08/29 Javascript
JS保留两位小数,多位小数的示例代码
2014/01/07 Javascript
JavaScript中实现异步编程模式的4种方法
2014/09/24 Javascript
javascript数据类型示例分享
2015/01/19 Javascript
Javascript中typeof 用法小结
2015/05/12 Javascript
VueJS组件之间通过props交互及验证的方式
2017/09/04 Javascript
基于Bootstrap框架菜鸟入门教程(推荐)
2017/09/17 Javascript
微信小程序 scroll-view实现锚点滑动的示例
2017/12/06 Javascript
浅析node应用的timing-attack安全漏洞
2018/02/28 Javascript
Vue页面骨架屏的实现方法
2018/05/22 Javascript
浅谈vue后台管理系统权限控制思考与实践
2018/12/19 Javascript
基于layPage插件实现两种分页方式浅析
2019/07/27 Javascript
小程序使用watch监听数据变化的方法详解
2019/09/20 Javascript
vue如何搭建多页面多系统应用
2020/06/17 Javascript
从零学python系列之新版本导入httplib模块报ImportError解决方案
2014/05/23 Python
Python处理字符串之isspace()方法的使用
2015/05/19 Python
Python 通过pip安装Django详细介绍
2017/04/28 Python
Django原生sql也能使用Paginator分页的示例代码
2017/11/15 Python
100行python代码实现跳一跳辅助程序
2018/01/15 Python
python实现将excel文件转化成CSV格式
2018/03/22 Python
python基于物品协同过滤算法实现代码
2018/05/31 Python
详解Python 解压缩文件
2019/04/09 Python
python 已知平行四边形三个点,求第四个点的案例
2020/04/12 Python
Tensorflow中k.gradients()和tf.stop_gradient()用法说明
2020/06/10 Python
Python学习之路之pycharm的第一个项目搭建过程
2020/06/18 Python
使用 CSS3 中@media 实现网页自适应的示例代码
2020/03/24 HTML / CSS
HTML5验证以及日期显示的实现详解
2013/07/05 HTML / CSS
HTML5资源预加载(Link prefetch)详细介绍(给你的网页加速)
2014/05/07 HTML / CSS
大学优秀班集体申报材料
2014/05/23 职场文书
2015新员工试用期工作总结
2014/12/12 职场文书
幼儿园大班开学寄语(2016秋季)
2015/12/03 职场文书
java中重写父类方法加不加@Override详解
2021/06/21 Java/Android