悬停触摸屏

Hover for touchscreens

我正在制作的网站有一个悬停菜单，对于触摸屏来说，处理这个问题的最佳做法是什么。我怎样才能让它在移动设备上运行？

我用谷歌搜索了一下，一些回复表明：

 :active

所以我在 iPhone 上尝试了快速 fiddle，但它似乎不起作用。

解决这个问题的正确方法是什么？为什么我的 fiddle 不起作用？

还有 CSS 唯一的解决方案吗？

由于显而易见的原因，悬停行为在触摸设备上不起作用。最明显的解决方案是让您的菜单在单击时激活，如果是这种情况，我建议您也为桌面版本制定该标准行为。有一个理由反对悬停菜单，因为它们不那么有用：http://uxmovement.com/navigation/why-hover-menus-do-users-more-harm-than-good/