在为我正在重新设计的网站开发移动导航菜单时,我发现许多移动浏览器通过点击触发CSS:悬停事件,包括Chrome,FlashFox和Android 4.x上的默认浏览器,如以及iOS 7上的Safari。这种行为是否足够广泛依赖?我假设Android 2.x手机可能会出现问题。
我想知道是否有人对此有任何经验,并且这种行为是否可以依赖我的导航菜单。还有什么样的规范来定义这种行为,还是只是出现了?从我所看到的情况来看,它似乎在各种设备上表现得非常均匀。
我之前使用JavaScript完成了移动导航菜单,但这将是一个不错的选择。
我知道在stackoverflow上有几个问题涉及这个主题,但是它们已经很老了,我找不到任何专门处理我想知道的问题。
编辑:为了澄清,该网站正在开发具有响应式设计,我不仅仅是尝试使用桌面样式导航栏:hover。该菜单已针对移动设备进行格式化,并且:hover将替换在点击菜单选项时编写JavaScript以显示子菜单的需要。
答案 0 :(得分:3)
有人说使用:hover
,其他人说使用:active
。我说使用两者(在一个规则中),设备将使用在该设备上工作的一个(或两个)。
无论如何,我发现它有效。
希望这有帮助。