最近发现之前的做的网站在移动端上有个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;
   });

 亲自试了一下，这种方案是可行的。

a标签添加:hover，在ios上需要点击2次才能跳转