我正在制作的网站有一个悬停菜单,处理触摸屏的最佳做法是什么。如何让它在移动设备上运行?
我用Google搜索了一些回复提示:
:active
所以我尝试在iPhone上快速fiddle,但它似乎无法正常工作。
解决这个问题的正确方法是什么?为什么我的小提琴不起作用?
还有一个仅限CSS的解决方案吗?
答案 0 :(得分:3)
由于显而易见的原因,悬停行为在触摸设备上不起作用。最明显的解决方案是在点击时激活菜单,如果是这种情况,我建议也为桌面版本制作标准行为。有一种情况可以反对悬停菜单,因为它们不太可用:http://uxmovement.com/navigation/why-hover-menus-do-users-more-harm-than-good/