最近發現之前的做的網站在移動端上有個bug，就是我在pc端給tab加了hover樣式，但是在ios移動端查看效果時，因為添加了hover需要點擊2次，第一次點擊是給tab添加hover樣式，第二次點擊a標簽才跳轉
因為們的網站不是響應式的，但是又要求在移動端可以正常瀏覽，所以我的解決方法是：把hover樣式用js替代css寫法，然后判斷是移動端或只判斷ios時取消hover事件。最后完美解決。
ps:在求助度娘的時候，看到如果你的網站是響應式的可以使用如下方法解決：
（1）網頁頭部添加meta
<meta name="viewport" content="width=device-width, initial-scale=1"/>
（2）使用js把href改成window.location
$('a').on('click touchend', function(e) { var el = $(this); var link = el.attr('href'); window.location = link; });
親自試了一下，這種方案是可行的。