Android 为移动设备创建链接的正确方法是什么？

所以我有一个有趣的问题，我似乎不知道发生了什么。我从我最喜欢的一个地方买了一个手机主题。除了一个区域外，主题非常有效。右上角有一个图标，允许用户点击它，并显示一些社交媒体共享图标，用户可以点击自己选择的图标并在适当的社交网站上共享

在任何浏览器中，链接似乎都可以正常工作，但当我使用Droid或平板电脑时，尽管显示/隐藏社交图标工作正常，但实际点击图标并共享链接的功能却无法正常工作

以下是该部分的代码：

<div class="shareDialog shareDialogMenu">
<div class="shareDialogArrow"></div>
<div class="shareDialogContent">
     <ul class="shareDialogIconList">
        <li><a href="mailto:?subject=Subject&body=Content"><div class="shareDialogMail"></div>Mail Link</a></li>

        <li><a href="http://m.facebook.com/sharer.php?u=<?php echo urlencode(curPageURL()); ?>" target="_blank"><div class="shareDialogFb"></div>Share Link</a></li>

        <li><a href="https://twitter.com/share?text=<?php echo urlencode($row['headline']); ?>&url=<?php echo urlencode(curPageURL()); ?>" target="_blank"><div class="shareDialogTwitter"></div>Tweet Link</a></li>
    </ul>
</div>
</div>

事实上，这些链接在社交网络、任何浏览器中都能正常共享，但在移动设备上却不能，而且链接结构似乎是一个标准的a href标记。但我很困惑，为什么实际的点击在移动设备上不起作用。任何想法或一双新的眼睛都是值得欣赏的

---

谢谢。

我建议问题可能是a元素中的div元素

div是块级元素，不能驻留在像as这样的内联元素中。尽管您可以使用CSS将所讨论的div样式设置为display:inline

有些浏览器允许无效地使用block和inline元素，有些浏览器会在div启动后关闭a元素，这意味着您的文本实际上不是链接

另一种解决方案是使用span而不是div

---

希望这有意义，并帮助您解决问题。

您是否也在Chrome或其他浏览器中进行了测试？我已经在Chrome和Firefox桌面上进行了测试，并在droid手机和droid平板电脑上进行了测试。在桌面浏览器上，链接起作用，在手机/平板电脑上，它们不起作用。我正在参考移动版浏览器……我无法在Droid上安装Chrome，我猜操作系统已经过时了。我的设备上的浏览器是AppleWebkit/533.1 Version/4.0 Mobile SafariCan您可以安装Opera Mobile或类似的东西：用于测试