当前位置 : 主页 > 网络编程 > 其它编程 >

关于移动端自适应大小(rem)————(autosize.js)

来源:互联网 收集:自由互联 发布时间:2023-07-02
***Createdbylovo_bdkon15-12-17.*!(function(win,doc){functionsetFontSize(){ /** * Created by lovo_bdk on 15-12-17. */!(function(win, doc){ function setFontSize() { // 获取window 宽度 // zepto实现 $(window).width()就是这么干的 var
***Createdbylovo_bdkon15-12-17.*!(function(win,doc){functionsetFontSize(){ /** * Created by lovo_bdk on 15-12-17. */!(function(win, doc){ function setFontSize() { // 获取window 宽度 // zepto实现 $(window).width()就是这么干的 var winWidth = window.innerWidth; doc.documentElement.style.fontSize = (winWidth / 640) * 20 + 'px' ; //设置页面元素根元素的px大小,然后所有rem以此为基准。 //640为开发时候的页面宽度,20为基准px大小, 可以设置任意数字,方便开发时候rem计算 } var evt = 'onorientationchange' in win ? 'orientationchange' : 'resize'; var timer = null; win.addEventListener(evt, function () { clearTimeout(timer); timer = setTimeout(setFontSize, 300); }, false); win.addEventListener("pageshow", function(e) { if (e.persisted) { clearTimeout(timer); timer = setTimeout(setFontSize, 300); } }, false); //初始化 setFontSize();}(window, document));

【文章转自:日本站群服务器 http://www.558idc.com/japzq.html处的文章,转载请说明出处】
网友评论