几行js代码实现自适应

更新时间：2017年02月24日 10:46:19 作者：扶桑丷

本文主要介绍了使用js获取隐藏元素宽高的解决方案以及代码思路，具有很好的参考价值，下面跟着小编一起来看下吧

在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);

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！

您可能感兴趣的文章:

js
自适应

JavaScript中的apply()方法和call()方法使用介绍
我们发现apply()和call()的真正用武之地是能够扩充函数赖以运行的作用域，如果我们想用传统的方法实现
2012-07-07
JS验证IP，子网掩码，网关和MAC的方法
这篇文章主要介绍了JS验证IP，子网掩码，网关和MAC的方法,涉及javascript正则表达式的相关使用技巧,需要的朋友可以参考下
2015-07-07
获取中文字符串的实际长度代码
某些情况下我们需要获取中文字符串的实际长度，下面有个示例，大家可以参考下
2014-06-06
js使下拉列表框可编辑不止是选择
下拉列表框默认情况下是不可编辑的，下面为大家介绍个不错的方法可以使下拉列表框可编辑，具体实现如下，需要的朋友可以参考下
2013-12-12
postMessage的两种使用方式
这篇文章主要介绍了使用postMessage实现iframe跨域通信，第一种使用postMessage在irfame中实现跨域数据传递，第二种使用postMessage在window.open()中的使用，本文结合示例代码给大家详细讲解，需要的朋友跟随小编一起看看吧
2022-03-03
javascript中this关键字详解
本文介绍了javascript中this关键字，并将有关this的关键字知识列成一个list，会有助于我们理清思路，是一个很好的学习方法。强烈推荐。
2016-12-12
JavaScript闭包原理及作用详解
闭包是指内部函数总是可以访问其所在的外部函数中声明的变量和参数，即使在其外部函数被返回（寿命终结）了之后。这篇文章将为大家详细介绍一下闭包的原理，作用及用途，快来跟随小编一起学习一下吧
2021-12-12
js String对象中常用方法小结(字符串操作)
js String对象中常用方法小结,需要的朋友可以参考下
2012-01-01
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
在上一篇文章里，我们设计了一套能在JavaScript中描述函数重载的方法，这套方法依赖于一个叫做Overload的静态类，现在我们就来看看如何实现这个静态类。
2009-08-08
js计算德州扑克牌面值的方法
这篇文章主要介绍了js计算德州扑克牌面值的方法,实例分析了javascript计算扑克面值的算法技巧,需要的朋友可以参考下
2015-03-03