难以点击触摸屏上的链接

Question

这是我的设置（抱歉不好）：

<div class="container">
   <a href="somewhere">
    <div class="tall"></div>
   </a>
  <a href="somewhere else">
    <div class="small"></div>
  </a>
</div>

我在“容器”上也有一些基本的悬停样式。我的问题是在移动设备上（我目前正在iOS上进行测试）包围“高”和“小”的两个链接很难点击。它们会在“容器”上触发悬停样式，但您必须将手指放在它们上一秒钟（或更多）以使链接实际打开。 我有什么想法可以解决这个问题吗？

Answer 1

不幸的是：链接上的悬停选择器在触摸屏设备上执行此操作 - 即它将显示悬停效果一两秒，然后单击链接。处理此问题的最佳方法是仅检测设备类型并完全删除：悬停样式。无论如何，你不需要它用于触摸屏。

阅读本文：http://www.prowebdesign.ro/how-to-deal-with-hover-on-touch-screen-devices/