移动端自适应大小（rem）——autosize.js，如何实现长尾词自适应布局？
- 内容介绍
- 文章标签
- 相关推荐
本文共计158个文字，预计阅读时间需要1分钟。
Created by lovo_bdk on 15-12-17.
(function(win, doc) { function setFontSize() { // 获取window宽度 // zepto实现 $$(window).width() 就是这样的 var windowWidth }})(window, document);
***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));本文共计158个文字，预计阅读时间需要1分钟。
Created by lovo_bdk on 15-12-17.
(function(win, doc) { function setFontSize() { // 获取window宽度 // zepto实现 $$(window).width() 就是这样的 var windowWidth }})(window, document);
***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));