Firefox Mobile:通过接触其他地方激活的链接

Question

我在这里有一个奇怪的问题。

如果我在头部零件中有这条线

<meta name="viewport" content="width=1200,initial-scale=2,minimum-scale=2">

触摸以下示例中不是链接的线路导致激活的一个链接之一：

<ul>
    <li><a href="http://www.example.com">example</a></li>
    <li><a href="http://www.test.com">test</a></li>
    <li>Text in between</li>
    <li>Even more text in between</li>
    <li><a href="http://www.something.com">something</a></li>
    <li><a href="http://www.other.com">other</a></li>
</ul>

这似乎仅在头部部分中的那条线发生。Chrome和Android浏览器一切都可以。

有什么方法可以解决此问题？

编辑：

，如果我使线路高度较小，则会变得更糟，例如：

li { font-family:Arial; font-weight:bold; font-size:12px; line-height:12px;}

现在，无论我是否使用该元元素，在不激活其中一个链接的情况下，几乎不可能点击两者之间的文本。再次仅在Firefox移动浏览器中。

Answer 1

我想我找到了一个解决方案，但是，我不太喜欢它。

在每个未链接元素中添加一个" onClick"属性（无论是否为空）使其在Firefox浏览器中可触摸。

这可以通过一个小的JavaScript循环来实现。

更好的解决方案将受到赞赏！