Js动态设置rem来实现移动端字体的自适应
2018-01-24 本文已影响0人
ai_cuicui
代码是现成的,可以直接cv!
fontsize : 1rem = 50px
(function(doc,win){
var docEl =doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function(){
var clientWidth = docEl.clientWidth>750 ? 750 :docEl.clientWidth;
if (!clientWidth) {return};
docEl.style.fontSize = 100 * (clientWidth/750) + 'px';
};
recalc();
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document,window);