Question

为什么我的CSS下拉菜单适用于Android和所有PC浏览器，而不适用于iOS设备？

.mainHeaderBtns ul li:hover > ul {
    display:block;
}

Answer 1

在我的测试中，对于下拉菜单，请确保<a href="#">元素在页面上可见且可点击，我做了一个简单的演示，它运行正常。

.nav > li > ul {
  display: none;
}
.nav > li:hover > ul {
  display: block;
}

<ul class="nav">
  <li>
    <a href="#">Menu item</a>
    <ul>
      <li>Sub item</li>
    </ul>
  </li>
</ul>

对于任何元素，Apple ¹建议添加onclick = "void(0)"我还发现onclick="return false;"或onclick=""一切正常。

div span {
  display: none;
}
div:hover span {
  display: inline;
}

<div onclick="void(0)">Howdy <span>mates!</span></div>