移动端rem布局

rem布局
1.首先确定你的设计稿是基于iPhone6还是iPhone4/5
2.如果设计稿基于iPhone6，横向分别率为750，body的width为750 / 100 = 7.5rem
3.如果设计稿基于iphone4/5，横向分别率为640，body的width为640 / 100 = 6.4rem
4.在heade中加入:
<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
5.在index.html入口文件写

var deviceWidth = document.documentElement.clientWidth;	//获取可视区宽度
document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';	//设置根字体大小,// 注意：iphone4/5要除以6.4