移动端微信开发一些兼容总结(片段)

1.事件绑定,.on("click",'class',function(){}) 才是对所有class事件绑定,对新生成的元素绑定。

2.overflow-y:scroll 在苹果机上的滑动有问题;应该改成
-webkit-overflow-scrolling: touch;

3.设置滑动条的大小是:
::-webkit-scrollbar

4.Input type = number 在安卓和苹果手机上有时会出现样式错乱问题,除了修改问type=text外还能
input[type=number]::-webkit-inner-spin-button,  
input[type=number]::-webkit-outer-spin-button { 
         -webkit-appearance:  none
         appearance:  none
         margin 0
}

5.JQ checkbox ; prop 和 attr 的区别 , 在获取html自带属性的时候用prop ,获取用户自定属性的时候用attr.

6.form表单,在ios微信开发会有点击文字有黑色屏幕一闪而过。
style='-webkit-tap-highlight-color:rgba(255,0,0,0);

7.onclick 在手机上点击,特别是ios机会有200-300ms的延迟,解决办法是
fastclick.js

8.iso newdate() 2016/12/1 12:00:00
andirod 2016-12-1 12:00:00
需要兼容

9.ios浏览器,有时候会点击数字拨打电话,禁止代码:

10.禁止对div进行操作
pointer-events:none

你可能感兴趣的:(技术,编程,移动,H5)