rem 响应式布局

/*

    rem计算公式

    日期:2015.9.26

    版本:v1.0

*/

var iScale = 1;

iScale = iScale / window.devicePixelRatio;

document.write('<meta name="viewport" content="initial-scale=' + iScale + ",maximum-scale=" + iScale + ",minimum-scale=" + iScale + ',user-scalable=no,width=device-width,height=device-height">');

首先 添加 缩放的值

2计算rem的值

 rem  =  实际的px / 设置的fontSize是值

如  样式默认设置为24px

html body{

    font-size: 24px;

}

实际的大小为 24px           那么该rem为1rem

实际大小为36px       那么rem 为1.5rem