ios常见兼容性问题

1、当某些表单元素（input、select）聚焦时，页面缩放，解决办法：

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">

2、input元素默认字体特别小，解决办法：设置所有input元素默认字体大小

3、div不响应click事件，解决办法：

- 换成button元素
- css增加 cursor：pointer

4、滚动没有惯性，解决方法：加样式：

    -webkit-overflow-scrolling: touch;

* 注意：使用了该属性的容器，它的子容器的高度要大于自身

5、autofocus 在移动版 Safari 上不工作

6、h5底部输入框被键盘遮挡问题

$(window).resize(function(){
   if($(document).height() < oHeight){ 
       $("#footer").css("position","static");
     }else{
       $("#footer").css("position","absolute");
     }
});

7、禁止 iOS 识别长串数字为电话

<meta content="telephone=no" name="format-detection" />

8、禁止 iOS 弹出各种操作窗口

-webkit-touch-callout:none

9、fixed定位缺陷

- 可用iScroll插件解决这个问题
- 尽量少用fixed，使用calc计算或者flex布局
- transform: translateZ(0);-webkit-transform: translateZ(0);在使用fixed的元素上加上

10、ios时间格式为 2022/07/18，谷歌和安卓是 2022-07-18