当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 几行js代码实现自适应

几行js代码实现自适应

2019年03月23日  | 移动技术网IT编程  | 我要评论

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

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网