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);
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持毛票票!