webApp须注意的地方()

著论准过秦,作赋拟子虚。这篇文章主要讲述webApp须注意的地方:相关的知识,希望能为你提供帮助。
1、由于苹果公司带头响应的移动浏览器双击缩放,所以click事件会有300ms延迟,对于webapp来讲这种体验很不好,
【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; }

 

    推荐阅读