1.明确内容，应用场景
1）先细致的看一遍，知道这是要做一个什么东西
2）清楚设计稿的尺寸
3）稍微记一下哪些东西只需要写一遍，那块的功能可以复用
2.屏幕适配以及兼容
1）清楚需要适配什么机型以及兼容
3.单位选择
1）px：是相对于显示屏幕分辨率而言，值固定
2）rem：CSS3新增的一个相对单位，相对的只是HTML根元素
3）em：值不固定，继承父级元素的字体大小
4）%：相对于屏幕的百分之多少
4.移动端加载慢问题
1）静态资源文件压缩
2）碎图用雪碧图
3）代码中减少请求
4）代码简化
5）加载时候增加loading，资源加载完loading小时，防止一张图片缓慢从上到下加载的情况，好的体验减少流失率
5.别忘了在head中加入meta标签
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
//（“页面宽度 ＝ 屏幕宽度，初始缩放比例为1，允许用户最大和最小伸缩比都是1，不允许用户手动缩放”）
