<a href> 不适用于手机

Question

此代码适用于所有台式机和平板电脑、每种浏览器，但由于某种原因我找不到，它不适用于手机、Android 或苹果！ 我什至无法选择手机上的文字..

<div class="inner-content block-content-style-2">
<a href="index.php/fr/services-fr/moule">
<div class="icons-molding"> </div>
</a>
<h3 class="title">Conception</h3>
</div>

我尝试将href移动到几个地方，但没有改变任何东西，但无论如何，即使它不是链接，我应该能够在使用手机时选择文本
我尝试在 h3 标签内添加一个 href，以便移动设备点击它，但它也不起作用。
您可以在这里尝试：http://www.qualiplast.com
在台式机或平板电脑上，它可以按预期运行，但不能在任何手机上运行。

谢谢你帮我。

Answer 1

移动设备上的链接上方会出现一个 id 为“avatar-body-middle-block”的

div

，导致它们无法点击。在移动设备上删除（或更可能隐藏）此

div

，链接将起作用。

Answer 2

我也遇到了同样的问题。这是我在我的案例中解决它的方法。

我尝试检查“a href”元素。事实证明，开发者控制台中还显示了一些其他元素。经过一番思考，我意识到我的链接上方出现了其他一些 div 元素。

在阅读了重叠元素的 css 样式并禁用重叠 css 命令后，该链接开始为我工作。 （浮动：在我的情况下，无需从重叠的 div 中删除任何内容）

希望这对其他人有帮助

Answer 3

在移动设备上使用 JS Function 就可以了

试试这个

<button onclick="myFunction()">Replace document</button>

<script>
function myFunction() {
  location.replace("https://stackoverflow.com/")
}
</script>