1、全局样式设定：默认取消内外边距
* {
margin: 0px;
padding: 0px;
}
2、手机页面宽度设置：采取宽度百分比设定（受手机的分辨率影响，百分比设定更恰当）
div {
position: relative;
width:92%;
left: 4%;
}
宽度占比92%+左右边距各4%，正好占满整个屏幕宽度，保证所设定的块级元素在宽度上居中。
3、flex布局：适用于平均分布元素
父级:
div{
display: flex;
flex-wrap: wrap; //换行
flex: 1; //平均分布行内元素
justify-content: space-between;
}
行内：根据UI图自行设置字体、位置即可。
4、其他一些注意点
- 字体在div中上下居中，通过控制line-height的高度等于div的高度。
- 字体在div中左右居中，通过text-align: center;来控制。
- 图片顶端与div之间有空隙，通过vertical-align: top;来控制。