手机屏幕上导航条的奇怪行为

Strange behaviour of navigation bar on mobile screens

本文关键字：屏幕导航手机更新时间：2023-09-26

我在这个网站上使用的是Bootstrap CSS的一个版本，一个真实的例子将会最好地证明这一点。

http://autorotation.org/jabilake/index.php?page=residential

基本上，在移动屏幕上，当你点击实际的单词时，父导航元素(li)"Projects"似乎根本不起作用。然而，点击字母"s"的右边，它就会正常工作(即进入页面)。

我尝试了一些CSS和JavaScript的技巧，但是没有运气。

任何想法?

谢谢。

它只在项目页面或子菜单页面上不起作用。它只是触摸事件没有工作。在那个屏幕尺寸下点击是没问题的，至少在我的浏览器中是这样。我认为问题出在自定义数据属性上。只有在这些页面上，您的菜单才包含li项目的data-toggle=和data-target=。如果css是控制下拉菜单，你不需要这个，我认为问题会消失。如果javascript正在控制下拉菜单，也许它正在使用这些值。尝试删除属性，看看会发生什么