webApp须注意的地方：

Posted 2020-10-08

1、由于苹果公司带头响应的移动浏览器双击缩放，所以click事件会有300ms延迟，对于webapp来讲这种体验很不好，

　　解决办法：【meta中禁用缩放功能】：

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

 

2、移动端点击事件出现背景框（对于mint-ui中的popui组件，点击蒙层关闭modal时，会先闪一下才关闭）：

　　解决办法：

*{
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
    -moz-tap-highlight-color:rgba(0, 0, 0, 0);  
　　 -ms-tap-highlight-color:rgba(0, 0, 0, 0);  
　　 -o-tap-highlight-color:rgba(0, 0, 0, 0);  
　　 tap-highlight-color:rgba(0, 0, 0, 0);     
}

 

3、移动端禁用长按出现复制、剪切等操作

*{
   -webkit-touch-callout:none;
   -webkit-user-select:none;
   -khtml-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;
   user-select:none;    
}