由于移动端默认的布局视口宽度是980像素，所以网页文字非常小，为了快速让网页还原到原来的大小，Safari 最新引入了双击缩放功能：用户双击手机页面的时候，浏览器会智能的缩放当前页面到原始大小。 为了达到缩放功能，系统做了一个处理，当触摸一次后，在 300ms 这段时间内有没有触摸第二次，如果触摸了第二次的话，说明是触发放大或缩放功能，否则的话是 click 事件。因此当 click 时候，所有用户必须等待于 300ms 后才会触发 click 事件。 由于双击缩放功能存在，click事件触发就会有大约200~300ms的延迟。 解决办法：使用 fastClick ``` <style> * { padding: 0; margin: 0; } .box { width: 300px; height: 300px; background-color: red; margin: 0 auto; } </style> <script src="js/fastclick.js"></script> <script> if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', function() { FastClick.attach(document.body); }, false); } </script> <div id="box" class="box"></div> ```