安卓和IOS的适配问题(5个)

1. IOS的input光标高度问题
    原因: 因为我们习惯用height和line-height设置高度和行高,所以点击输入时,光标自动和盒子一样高了
    解决方法: 高度和行高内容用padding撑开
2. IOS键盘唤起后收起页面不归位
    原因: input聚焦时弹出软键盘占位,失去焦点时,软键盘消失,但还是占位的,所以原内容不下滑,导致input不能再次输入
    解决方法: 失去焦点时绑定一个事件,使滚动的高度回归到原位
3. 安卓弹出的键盘遮盖文本框
    原因: 待分析
    解决方法: 给input添加聚焦事件,设置定时器延时,因为安卓键盘有些卡顿,如果不延时,滚动就失效了
4.IOS字符串转时间适配问题
    原因:ios手机移动端开发时间显示NaN问题是由于new Date()参数时间格式不能用" -“分割,需要使用”/ "分割.
    解决方法: 将需要new Date()的时间格式解析成"/"分割的字符串,例如 “2020/01/01” .
5.ios端上下滑动时卡顿、页面缺失
    原因：笼统说微信浏览器的内核，Android上面是使用自带的WebKit内核，iOS里面由于苹果的原因，使用了自带的Safari内核，        Safari对于overflow-scrolling用了原生控件来实现。对于有-webkit-overflow-scrolling的网页，会创建一个UIScrollView，提供子layer给渲染模块使用。
    解决：
    只需要在公共样式加入下面这行代码
    *{
      -webkit-overflow-scrolling: touch;
    }