android - mailto: 和 tel: 在移动网络上的 anchor 标记中带有图像的方案

Question

我在页面的右下角绝对定位了 anchor 标记(一个水平相邻)。其中一个 anchor 是 mailto: 链接，另一个是 tel: 链接。每个都包含图像而不是文本。两者似乎都无法在我的 Android 设备上正常工作。我可以选择每个链接，但只有当我长按时，我才能看到调用号码或发送电子邮件的选项。如果我去掉图像并使用电话号码和电子邮件的实际文本，就会发生适当的操作。在让手机识别不是实际文本的电话号码和电子邮件时，是否有一些我没有意识到的细微差别？

<a class="emailTag" href="mailto:myEmail@gmail.com">
     <img src="email_img.png" alt="myEmail@gmail.com" />
</a>
<a class="phoneTag" href="tel:1234567890">
     <img src="phone_img.png" alt="1234567890" />
</a>

我也尝试过删除 img 标签并为 anchor 标签设置背景图像，但我得到了相同的结果。

Answer 1

我的 2.2 设备上没有你的问题。您是否尝试过进行简单测试以避免其他 css/js 的任何副作用？

Google 在其移动搜索结果中是这样做的:<div onclick="window.location.href = 'tel:0123456789'" >0123456789</div>

它可能对你有用。