苹果安卓兼容性问题

1.数字键盘
没有小数点：<input type="tel" pattern="[0-9]*” >
带小数点：<input type="number" pattern="[0-9]*” >
2.overflow:scroll在ios卡顿
在滚动的容器上增加：-webkit-overflow-scrolling: touch;

body {
    -webkit-overflow-scrolling:touch; 
    overflow-scrolling: touch;
}

3.点击元素去掉边框

a,button,input,textarea { 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
}

4.ios 的光标大小问题
设置字体大小和行高一致，然后通过 padding 撑开大小
5.ios选中输入框后，整个页面会自动放大，请锁定页面无需放大

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

6.禁用输入框
readonly="readonly"或者disabled=“disabled” ，还要加上οnfοcus=“this.blur()”

7.当输入框在最底部，点击软键盘后输入框会被遮挡

var oHeight = $(document).height(); //浏览器当前的高度
$(window).resize(function(){ 
      if($(document).hei