知识点1：了解移动前端的第一步是，掌握主流分辨率，一般为
480*800（3:5） 320*480（2:3） 720*1280（9:16） 640*960（2:3）
还要搞清楚视口和屏幕大小的区别
视口：浏览器的内容显示区域
屏幕大小：设备的物理显示区。
知识点2：主流手机浏览器基本上全部是基于webkit内核，不用考虑兼容性问题。所以是个拼html5和css3的战场。
webkit内核的一些私有meta标签在开发webApp时非常重要
例如
<meta content="width=device-width" initial-scale=1.0,maximum-scale=1.0,user-scalable=0,name="viewport"> //强制让文档宽度与设备宽度保持1:1，并且文档的最大宽度比例是1.0，且不允许用户点击屏幕放大尺寸
<meta content="yes" name="apple-mobile-web-app-capalbe"> //iphone 设备中safari私有的meta标签，表示允许全屏浏览
知识点3：由于手机可以横屏，尽量采用响应式的流动布局，更加灵活。
由于移动设备的操作方法和pc有明显的区别，并且可操作范围较小，在交互设计时要注意用户的操作习惯，Simple，Small，Speed
此外，还要考虑用户的流量使用情况。更快更高效的低成本的访问页面。
知识点4,：目前许多浏览器都有移动端的开发人员工具，我最常使用的是Google的Emulation
并且可以测试各种分辨率和手机型号下的显示效果
