Firefox mobile：通过触摸其他地方激活链接

Question

我遇到了一个奇怪的问题。

如果我在 HEAD 部分有这一行

<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>

这似乎只发生在 HEAD 部分的那一行。 Chrome 和 Android 浏览器一切正常。

有什么办法可以解决吗？

编辑：

如果我将行高变小，情况会变得更糟，例如这样：

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

现在，无论我是否使用该 META 元素，如果不激活其中一个链接，几乎不可能点击中间的文本。同样仅在 Firefox 移动浏览器中。

Answer 1

我想我已经找到了解决办法，但是，我不太喜欢它。

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

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

感谢更好的解决方案！

Firefox mobile：通过触摸其他地方激活链接

Firefox mobile: Links getting activated by touching elsewhere

firefox

mobile

hyperlink

viewport

scale