手机兼容问题

最近在做一个项目，遇到能兼容安卓手机，但苹果手机不兼容的问题：

1、在安卓手机点击input标签框时，不会弹出手机键盘。但是在苹果手机操作，就会弹出手机键盘。处理方法：给input加上一个属性 

input{ pointer-events:none; }

 

2、做一个弹窗，在苹果手机点击时，弹窗没有显示出来，只需给该事件点击的标签加上 cursor:pointer的属性。但是不要随意添加，因为会增加点击时有阴影的效果。如果确实需要添加，但是不想要阴影的效果，那么给元素添加属性：

 -webkit-tap-highlight-color: rgba(0,0,0,0);或者-webkit-tap-highlight-color:transparent;

 

3、为了iphoneX跟iphone其他型号兼容，在html文件头部增加下面一行代码即可：

<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">