js实现适配不同的屏幕大小
话不多说,请看代码:
//通过js适配不同的屏幕大小
(function(doc,win){
vardocEl=doc.documentElement,
resizeEvt='orientationchange'inwindow?'orientationchange':'resize',
recalc=function(){
varclientWidth=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);
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持毛票票!