移动端rem适配

! function( n){

var e= n. document,

t= e. documentElement,

i= 720,

d= i/ 100,

o= "orientationchange" in n? "orientationchange": "resize",

a= function(){

var n= t. clientWidth|| 320; n> 720&&( n= 720);

t. style. fontSize= n/ d+ "px"

};

e. addEventListener&&( n. addEventListener( o, a,! 1), e. addEventListener( "DOMContentLoaded", a,! 1))

}( window);

小米按照720px的宽度去设置字体比例。

d = i / 100, //比例，通过这个比例去计算字体大小。

t.style.fontSize = t.clientWidth / d + "px"   //通过实时获取的屏幕宽度除以比例 就是字体新的字体大小。意思就是客户端的宽度除以比例就是当前字体的大小，比如：720/（720/100）=100px, 100px为html上的字体大小。

rem 的设置是根据网站根元素去相对改变字体大小的，所以屏幕的宽度改变字体大小也跟着改变，其他div也是一样。