我正在制作的网站有一个悬停菜单,触摸屏处理此问题的最佳实践是什么。我怎样才能让它在移动设备上运行?
我用谷歌搜索了这个,一些回复表明:
:active
所以我尝试了快速 fiddle在 iPhone 上,但它似乎不起作用。
解决这个问题的正确方法是什么?为什么我的 fiddle 不起作用?
还有纯 CSS 的解决方案吗?
最佳答案
出于显而易见的原因,悬停行为在触摸设备上不起作用。最明显的解决方案是让菜单在单击时激活,如果是这种情况,我建议也为桌面版本制定标准行为。有一个理由反对悬停菜单,因为它们不太可用:http://uxmovement.com/navigation/why-hover-menus-do-users-more-harm-than-good/
关于html - 悬停触摸屏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30060704/