js代码如何实现自适应

这篇文章主要介绍js代码如何实现自适应,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

10年积累的成都网站制作、成都做网站、外贸营销网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计制作后付款的网站建设流程,更有兴国免费网站建设让你可以放心的选择与我们合作。

在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代码如何实现自适应”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


分享标题:js代码如何实现自适应
文章分享:http://bzwzjz.com/article/jsoech.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 专业网站设计 网站制作 营销型网站建设 成都网站设计 高端网站设计 网站制作 成都网站设计公司 成都企业网站制作 达州网站设计 网站建设方案 成都网站制作 重庆企业网站建设 企业网站设计 网站制作报价 外贸网站设计方案 公司网站建设 营销型网站建设 网站建设 四川成都网站制作 重庆网站制作 梓潼网站设计 网站设计公司