由于移動端默認的布局視口寬度是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> ```