移动开发总结

1.html要考虑图片与内容的位置关系（手机端常用垂直布局和搜索优化）；

2.单位最好用rem；

3.图片设置max-width：100%;(平板端常用）；

3.<768px为手机端，768-1200px为平板端，1200-1920px为pc端；

4.阻止设备缩放页面:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

5.步骤：

先写好pc端1920px下尽量还原，然后写手机端，再从头开始慢慢缩小窗口，发生明显变化时使用媒体查询修改样式。