列表项导航在iPhone/iPad的iOS中的Safari/Chrome上不起作用

我正在创建一个无序列表中带有导航的网页

在iPhone或iPad上，我点击链接，什么也没发生。我“触摸”链接，只是为了改变背景颜色，什么也没发生。激活链接的唯一方法是将链接保持几秒钟，以显示默认的iOS选项，即“在新窗口中打开”。网站上还有其他正常工作的链接和导航。正是这一组链接给我带来了麻烦

你能在HTML或CSS中看到任何可能导致这种情况的东西吗

这与应用于列表项的淡入淡出过渡有关吗

请参见底部的标记。（我删除了一些东西，比如文本/背景样式类，因为它可能与问题无关。）

---

HTML

---

有一件事可能会给你带来一些问题，那就是你的标签。它们是不推荐使用的斜体标记，不应该包含任何类属性（除了少数情况）。尝试删除这些标签或将其更改为正确的标签（不确定您要在那里做什么）。这可能会解决您的问题。

可能会给您带来一些问题的是您的标签。它们是不推荐使用的斜体标记，不应该包含任何类属性（除了少数情况）。尝试删除这些标签或将其更改为正确的标签（不确定您要在那里做什么）。这可能会解决您的问题。

谢谢@Jpm61704-我只是在使用类似引导的类方法。我会试试你的方法！谢谢。谢谢@Jpm61704-我只是在使用像bootstrap这样的类方法。我会试试你的方法！谢谢

<ul class="list">           
    <li>
    <a class="example" href="#">
    <i class="icon-medium icon-map"></i>
    <p><strong>Example description goes here</p>
    </a>
</li>
<li>
    <a class="example" href="#">
    <i class="icon-medium icon-map"></i>
    <p><strong>Example description goes here</p>
    </a>
</li>

.list ul { list-style-type:none; padding:0px; margin:0px; }
.list ul li { display:block; float:left; width:50%; min-height:100px; position:relative;  transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; }
.list ul li a.example { display:block; width:100%; height:100px; }
.list ul li:hover, .list ul li:active { color:#FFF; }