来聊一下移动端开发需要注意哪些点

字体单位的选择

PC端开发需要考虑兼容性问题（说的就是你，IE），移动端绝大部分是 webkit 内核，不需要顾虑太多，当然由于 IOS 和安卓的浏览器实现的差异，有些地方还是要做兼容的。扯远了扯远了，移动端需要考虑屏幕分辨率的问题。

一、常用单位

• px：相对长度单位，像素是相对于浏览器屏幕而言的
• 百分比（%）：根据父元素的倍数来计算
• em：根据父元素的 font-size 值来计算，如果没有给父元素设置font-size，就使用根元素的 font-size

例如：父元素 font-size:24px;
子元素：1em => 24px

• rem：根据根元素的 font-size 值来计算，不同于 em ，不管父元素的值设置为多少都不会影响到 rem 的值，只有html根元素才能影响他的值

二、适配方案

js动态适配html根元素的font-size（rem为单位）
以及淘宝提供的 flexiable.js（rem为单位）
vw、vh方案
百分比
基于媒体查询的响应式设计

三、设计方面

移动端设计应该以简约为主，一个页面可能只有一个功能，操作要尽可能简便，代码量不能太大
建议使用 flex 布局
字体尽量使用 em、rem、pt 来代替 px

四、一些常见的兼容性设置

防止网页放大缩小，设置meta中的viewport
300ms的问题，引入 fastclick.js 解决
不支持弹性滚动的问题，可用 iscroll.js 解决
苹果的一些meta设置以及一些css兼容性的代码