html - 悬停触摸屏

标签 html css mobile-website

我正在制作的网站有一个悬停菜单,触摸屏处理此问题的最佳实践是什么。我怎样才能让它在移动设备上运行?

我用谷歌搜索了这个,一些回复表明:

 :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/

相关文章:

android - 在 tel : hyperlinks on Android 4 中使用扩展的问题

css - Opera Mobile 是否支持可滚动的 div?

php - 在 HTML - PHP Web 应用程序上使用 SASS 实现调色板?

html - 字体似乎不起作用

php - 限制对特定页面的访问

javascript - 仅当图像进入某个定义位置时才显示图像

html - Bootstrap - 带间距的列

javascript - 如何使用 'x' 按钮在图像底部添加横幅以在 React/HTML 中关闭它?

html - Angular ng serve 不在本地主机上托管站点

javascript - 有一个通过媒体查询查看 'non-mobile layout' 的按钮吗?