解决方案:
(1)设置不能缩放:user-scalable=no
不能缩放就不会有双击缩放操作,因此click事件也就没了300ms延迟,这个是Chrome首先在Android中提出的
(2)设置显示宽度:width=device-width
Chrome 开发团队在 Chrome 32 这一版中,他们将在包含 width=device-width 或者比 viewport 值更小的页面上禁用双击缩放。
(3)IE的指针事件 (Pointer Events):touch-action:none
根据规范,touch-action 属性决定 “是否触摸操作会触发用户代理的默认行为。这包括但不限于双指缩放等行为”。
(4)vue项目 fastclick插件
1、项目根目录打开powershell ,执行 npm install fastclick --save 命令安装 fastclick插件
2、在 根目录 —> src —> main.js 中引入 fastclick 插件
import fastClick from 'fastclick'
3、在 main.js 中,调用 fastclick 插件
fastClick.attach(document.body)