首页 > 编程 > JavaScript > 正文

js实现适配不同的屏幕大小

2019-11-19 16:52:38
字体:
来源:转载
供稿:网友

话不多说,请看代码:

// 通过js适配不同的屏幕大小(function (doc, win) {  var docEl = doc.documentElement,    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',    recalc = function () {      var clientWidth = docEl.clientWidth;      if (!clientWidth) return;      // 根据设备的比例调整初始font-size大小      if(clientWidth>640) clientWidth = 640;      docEl.style.fontSize = 50 * (clientWidth / 320) + 'px';    };  if (!doc.addEventListener) return;  win.addEventListener(resizeEvt, recalc, false);  doc.addEventListener('DOMContentLoaded', recalc, false);})(document, window);

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持武林网!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表