之前一直用flexible.js,昨天偶然发现还有这个方法。
(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clientWidth; if (!clientWidth) return; if(clientWidth<=720){ docEl.style.fontSize = 100 * (clientWidth /720) + 'px'; }else{ docEl.style.fontSize = 100+'px' } }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false); })(document, window);
同样很好用,而且个人觉得还挺方便,想问下各位在移动端字体是怎么适配的。
LIANHK