1、忽略将页面中的数字识别为电话号码 <meta content="telephone=no" name="format-detection" /> 2、去掉点击元素会出现蓝框 * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } 3、事件问题 移动端的常用事件：touchstart，touchmove，touchend。 很多时候我们需要在浏览器里测试。所以兼容的写法是： isTouch = !!navigator.userAgent.match(/AppleWebKit.*Mobile.*/);, eStart = isTouch ? 'touchstart' : 'mousedown', eMove = isTouch ? 'touchmove' : 'mousemove', eEnd = isTouch ? 'touchend' : 'mouseup'; 4、字体单位 常用的有px、pt、%、em等，用em、%的时候遇到的问题就是计算，而且当嵌套的层级太多时就会非常难以把控，而用px则被固定死了，用rem完全不用担心这个问题，因为rem的参照对象只有根节点。我们只需设置根节点的大小，所有子节点都只需参照它来设计就可以（适合响应式） 5、input框的光标不居中问题 使用chrome浏览器发现，当input获得focus时，光标是充满整个input的高度的，也就是居中的，可是当输入文字以后，input中的内容显示偏上，而不能实现垂直居中了，查阅资料发现，chrome、firefox等浏览器取消行高才会实现居中，而ie浏览器则需要指定行高来实现居中，只需要针对ie浏览器进行简单的hack一下（line-height:20px\9）;
好用的滑动效果插件：http://www.swiper.com.cn/
