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

话不多说，请看代码：

// 通过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);

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