css – :跨移动设备的悬停行为

前端之家收集整理的这篇文章主要介绍了css – :跨移动设备的悬停行为前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在为我正在重新设计的网站开发移动导航菜单时,我发现许多移动浏览器通过点击触发CSS:悬停事件,包括Chrome,FlashFox和 Android 4.x上的默认浏览器,以及Safari在iOS 7上.这种行为的广泛传播是否足以依赖?我假设Android 2.x手机可能会出现问题.

我想知道是否有人有这方面的经验,如果这种行为可以安全依赖我的导航菜单.还有什么样的规范来定义这种行为,还是只是出现了什么?从我所看到的,它似乎在各种设备上表现相当均匀.

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

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

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

解决方法

有人说使用:悬停,其他人说使用:活跃.我说两者都使用(在一个规则中),设备将使用在该设备上工作的一个(或两个).

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

希望这可以帮助.

猜你在找的CSS相关文章