:跨移动设备的悬停行为

时间:2014-08-24 17:49:23

标签: css mobile hover

在为我正在重新设计的网站开发移动导航菜单时,我发现许多移动浏览器通过点击触发CSS:悬停事件,包括Chrome,FlashFox和Android 4.x上的默认浏览器,如以及iOS 7上的Safari。这种行为是否足够广泛依赖?我假设Android 2.x手机可能会出现问题。

我想知道是否有人对此有任何经验,并且这种行为是否可以依赖我的导航菜单。还有什么样的规范来定义这种行为,还是只是出现了?从我所看到的情况来看,它似乎在各种设备上表现得非常均匀。

我之前使用JavaScript完成了移动导航菜单,但这将是一个不错的选择。

我知道在stackoverflow上有几个问题涉及这个主题,但是它们已经很老了,我找不到任何专门处理我想知道的问题。

编辑:为了澄清,该网站正在开发具有响应式设计,我不仅仅是尝试使用桌面样式导航栏:hover。该菜单已针对移动设备进行格式化,并且:hover将替换在点击菜单选项时编写JavaScript以显示子菜单的需要。

1 个答案:

答案 0 :(得分:3)

有人说使用:hover,其他人说使用:active。我说使用两者(在一个规则中),设备将使用在该设备上工作的一个(或两个)。

无论如何,我发现它有效。

希望这有帮助。