移动开发tip

1. input点击出现背景色和边框，加入样式 -webkit-tap-highlight-color: rgba(255,255,255,0);
2. ios下按钮糊掉，样式表不怎么起作用，使用-webkit-appearance:none;消除ios的默认样式；
3. 如果页面的底部栏设置position：absolute,且页面有input框，当用户点击输入时，会出现底部栏被顶起的情况，这时候把底部栏的高度计算出来吧，不要position：absolute，即可解决。
4. 如果要给input加个背景图标，并且input是100%宽度类似百分比宽度时，设置text-indet之后，当点击时会出现光标还是出现在input头部，当输入后才会有text-indet效果，由于宽度是百分比，此时padding-left也不好使，我的解决办法是层层嵌套。
5. textarea的placeholder生效需要<textarea  placeholder="请输入"></textarea>这个标签之间没有任何内容包括空格
6. 当给页面input 设置disabled的时候，或者控制设置的有，chrome浏览器默认的会加上背景样式，取消的办法 input:disabled {background: #fff;}
7. 当iscroll 和 mobiscroll  一同使用的时候 会出现 mobiscroll  闪退的问题，（mobiscroll  2.7.2 ，iscroll 4.2.5）,升级后问题解决
8. background属性简写，把background-size属性写入简写属性内，手机可能会不识别=。=
9. js的bind要进行能力检测，发现moto的2.3.6版本的android机不支持bind
10. 'text-overflow'有兼容性问题，不要在包含块级元素的元素上使用 'text-overflow:ellipsis'，并且当使用 :after 伪元素时，确保伪元素不是块级元素。Firefox 中可以通过 XUL 实现 'text-overflow:ellipsis' 的效果。具体可见http://www.w3help.org/zh-cn/causes/RT3005