iOS下拉菜单

Question

我在下面的代码中提供了一个下拉菜单，该菜单在Safari，Firefox，Chrome中运行良好。有一个链接列表，但其中一个是下拉列表。该代码适用于Android上的Chrome，但我没有成功在iOS上使用Safari + Chrome。首先，当我点击＆＃34; Dropdown＆＃34;时，我需要直接下拉链接1。即使是父母＆＃34; Dropdown＆＃34;不是一个链接。有人可以指出如何解决这个问题吗？

       <li><a href="smth.html">smth</a></li>
       <li><a href="info.html">info</a></li>
       <div class="dropdown" onclick="">
       <li>Dropdown</li>  
       <div class="dropdown-content">
       <ul><a href="dropdown.html">dropdown link 1</a></ul>
       <ul><a href="workshops.html">dropdown link 2</a></ul>
       </div>

下面的CSS：

.dropdown:hover .dropdown-content {
  display: block;
}