这是我的网站:www.apologeticscentral.co.za
菜单链接适用于桌面设备,但不适用于移动设备。此外,在使用 Chrome 开发人员工具模拟移动网站时,菜单链接也能正常工作。
在移动设备上,菜单链接在使用强制触摸(在 iPhone 上)时有效,当我按住它并说打开时,它也有效。但是简单的点击什么都不做。知道原因可能是什么吗?
<nav id="nav">
<ul class="links">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="apologia/index.html">Apologia</a></li>
<li><a href="argument/index.html">Argument</a></li>
<li><a href="articles/index.html">Articles</a></li>
<li><a href="bible/index.html">Bible</a></li>
<li><a href="FAQ/index.html">FAQ</a></li>
</ul>
<ul class="icons">
<li><a target="blank" href="https://twitter.com/ApologeticsC" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a target="blank" href="https://www.facebook.com/apologeticscentral" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a target="blank" class="icon alt fa-instagram"><span class="label">Instagram</span></a></li>
</ul>
</nav>
最佳答案
我的问题是 Angular Material 与我的 CSS 冲突。我创建了一个单独的模块,但我没有在该模块中包含 Material ,然后它工作正常。
关于javascript - 网站链接适用于桌面设备,不适用于移动设备,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48509261/