标签:func false add resize size 页面 html fonts log
移动端布局
(function(doc, win) { var docEl = doc.documentElement,//设备宽度 rem = 100, //1rem代表100px desW = 640, //设计稿宽度 resizeEvt = ‘orientationchange‘ in window ? ‘orientationchange‘ : ‘resize‘, recalc = function() { var clientWidth = docEl.clientWidth; if (!clientWidth) return; if (clientWidth >= desW) { docEl.style.fontSize = rem + "px"; } else { docEl.style.fontSize = rem * (clientWidth / desW) + ‘px‘; } }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener(‘DOMContentLoaded‘, recalc, false); })(document, window);
如果页面的宽度超过了640px,那么页面中html的font-size恒为100px,否则,页面中html的font-size的大小为: 100 * (当前页面宽度 / 640)
标签:func false add resize size 页面 html fonts log
原文地址:http://www.cnblogs.com/zt123123/p/7717221.html