02移动端布局

function autoRem(){
    var html = document.documentElement;     //documentElement返回文档根节点html
    var htmlWidth = html.getBoundingClientRect().width;     //getBoundingClientRect().width 包括width + padding * 2 + border * 2
    html.style.fontSize = htmlWidth / 16 + ‘px‘;     //16 是根据自己页面设定，非固定使用，以方便后续计算为准（iPhone5中320屏幕，刚好可以整除，一个屏幕刚好16rem）
}
//从此，假设iPhone5测试，则html的font-size = 320 / 60 = 20px     则 1rem = 20px

@r: 10rem;
.main{
    width: 400/@r;     //400px---->40rem
}