自上而下默认使用自上而下的布局方式，阅读顺序从左至右。

绝对布局：特殊页面设计会使用绝对布局，注意适配及元素坐标定位精确。

设置viewport：

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">

初始字号：在css中设置html根字体大小，如：

html{font-size: 13.3333vw} //采用Rem布局，当前值以750px设计稿为基础

750px设计稿：font-size值为13.33333vw
1080px设计稿：则font-size值为9.259259vw


单位转换：在css中html里设置好根字体大小后，只需将所有设计稿的的元素大小全除以100即可换成rem单位，如：

.my-invite-box{
	width: 7.13rem;  //713px
	height: 3.56rem; //356px
	margin-left: -3.565rem;  //-356.5px
}

温馨提示：rem是一种适配方式，但并不仅限于rem方式。无论用何种方式，需要保证在不同比例、不同尺寸的上级上，测试微信、手Q、safari、UC等主流浏览器无明显错误、变形。