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