移动端按住和iOS的兼容性问题

1. input 的placeholder属性会使文本位置偏上

line-height: ;（和input框的高度一样高）---pc端解决方法
line-height：normal ---移动端解决方法

2. 一些情况下对非可点击元素如(label,span)监听click事件，ios下不会触发

解决方法： 增加cursor:pointer

cursor:pointer

3. 移动端出现点击穿透

点击穿透的原因:

1. 浏览器有300ms的延时为了区别是double click还是缩放
2. 移动端事件的响应顺序 touchstart > touchmove > touchend > tap > click
3. 在300ms时间范围内,上层元素隐藏了或移开了,下层相同位置的元素触发了click事件

解决方法

1. 下层元素本身无click事件,没有input select a标签,统一使用touch事件
2. 延迟一定的时间来处理事件

   setTimeout(() => {
       this.layTime = true
   }, 100);
   

4. ios系统，会将数字当成电话号码，导致变色

<meta name="format-detection" content="telephone=no"> 
<meta http-equiv="x-rim-auto-match" content="none">

5. 禁止安卓识别email

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