几行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 canvas绘制折线图
这篇文章主要为大家详细介绍了JavaScript canvas绘制折线图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-02-02
js+flash实现的5图变换效果广告代码(附演示与demo源码下载)
这篇文章主要介绍了js+flash实现的5图变换效果广告代码,涉及JavaScript结合flash调用图片实现幻灯广告效果,并附带演示与demo源码供读者下载参考,需要的朋友可以参考下
2016-04-04
uni-app瀑布流效果实现方法
Uni-app是一个基于Vue.js开发跨平台应用的框架,它可以将代码编译成多个平台下的原生应用,这篇文章主要给大家介绍了关于uni-app瀑布流效果的相关资料,需要的朋友可以参考下
2023-12-12
javascript中Date对象应用之简易日历实现
这篇文章主要为大家详细介绍了javascript中Date对象应用之简易日历实现，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-07-07
JavaScript实现预览本地上传图片功能完整示例
这篇文章主要介绍了JavaScript实现预览本地上传图片功能,结合完整实例形式分析了javascript图片预览相关的格式正则验证、浏览器判断、页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
2019-03-03
JavaScript创建闭包的两种方式的优劣与区别分析
这篇文章主要介绍了JavaScript创建闭包的两种方式的优劣与区别分析的相关资料,需要的朋友可以参考下
2015-06-06
开箱即用的开源工具库xijs示例详解
这篇文章主要为大家介绍了开箱即用的开源工具库xijs示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-03-03
js实现可旋转的立方体模型
这里给大家分享的是通过js脚本来控制页面中的正方体转动特效，用户可以点击按钮向右转动，也可以向下转动，结合自己的需求控制即可。效果非常棒，这里推荐给大家
2016-10-10
JavaScript动态检测密码强度原理及实现方法详解
这篇文章主要介绍了JavaScript动态检测密码强度原理及实现方法,结合具体实例形式详细分析了javascript针对输入字符串密码强度检测的原理与相关判断操作技巧,需要的朋友可以参考下
2019-06-06
微信小程序上传图片并等比列压缩到指定大小的实例代码
这篇文章主要介绍了微信小程序上传图片并等比列压缩到指定大小，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-10-10

几行js代码实现自适应

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具