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; }
时间: 2024-11-03 20:57:21