我已经彻底测试了网站的HTML有效性,但是我们的iPhone用户抱怨他们无法单击标题导航链接。
代码如下:
<div class="custom-landing-navigation">
<div class="container">
<a class="text-inherit" href="https://hol.org.uk/"><img class="custom-navigation-logo" src="https://hol.org.uk/images/logo.svg" alt="HOL Logo"><span class="hidden-xs-down custom-navigation-title">Hogwarts<br>Online</span></a>
<div class="float-right">
<a href="https://hol.org.uk/index" class="custom-landing-navigation-item">Home</a>
<a href="https://hol.org.uk/login" class="custom-landing-navigation-item">Log In</a>
<a href="https://hol.org.uk/signup" class="custom-landing-navigation-item">Sign Up</a>
</div>
</div>
登录后,他们就可以访问类似的链接(代码实际上是相同的。)
此问题仅在Chrome和Safari上的iPhone上仍然存在。 我尝试查找问题,但没有运气。
作为参考,您可以在此处找到该网站的实时版本:https://hol.org.uk/