iOS Mail链接会显示菜单/操作表，而不是可点击的链接

Question

我的应用程序的外发电子邮件出现问题。希望这里有人可以解释一下。

电子邮件是一个多部分邮件，它在我想要定位的平台上呈现良好。

但是，在iPhone上的iOS 6邮件浏览器上，链接会显示一个操作表来保存图像，分配给联系人等（见下图），而不是将用户带到Safari到URL。在下面的示例代码中，我仍然有开发（localhost：3000）链接，但这不是问题...与生产网址相同。

奇怪的是，在我的iPad（iOS 5）上，链接完美运行。与Mac Mail，Outlook，Gmail，Hotmail相同。我几乎可以肯定这不是标记的错，但我在下面加了一个片段作为参考。

                <td align=3D'center' valign=3D'top' width=3D'140'>
                  <p>
                    <a href=3D'http://localhost:3000/users/confirmation.747dfe1c-28ff-11e2-bd48-013adbe35a70?confirmation_token=3DLypvcYovemp1FBFbYsLX'>
                      <img alt=3D'Confirm your account and learn more' border=3D'0' height=3D'140' src=3D'cid:509a98697b4ca_1cdf3fd38dc35adc517aa@hera.local.mail' width=3D'150'>
                    </a>
                  </p>
                  <h4 style=3D"color:#72654b;font-family:Georgia, Times, 'Times New Roman', serif;font-size:16px;font-style:italic;font-weight:normal;">Confirm your email</h4>
                  <p style=3D'color:#6c6c6c; padding-right: 12px;'>
                    Confirm your email address and other contact information to download an introductory white paper and forms that will get you started using WarGaming techniques.
                  </p>
                  <a href=3D'http://localhost:3000/users/confirmation.747dfe1c-28ff-11e2-bd48-013adbe35a70?confirmation_token=3DLypvcYovemp1FBFbYsLX'>
                    <img alt=3D'click here to confirm your email' border=3D'0' height=3D'30' src=3D'cid:509a9869781e5_1cdf3fd38dc35adc5168f@hera.local.mail' width=3D'60'>
                  </a>
                </td>

这当然会降低我的电子邮件广告系列的效果。有任何想法吗？谢谢我提前帮忙!!

Answer 1

看起来您的图片已附加到电子邮件中。对我有用的是链接到图像而不是将其附加到电子邮件。见Why anchors tag containing an image don't work in Iphone's mail app?

Answer 2

这取决于您的品味，或者根据您的客户的意愿，外部托管您的图片，如Robert所建议的那样。在最近针对客户的项目中，我们遇到了同样的问题。客户端不希望图像是外部托管的。所以我们的解决方案是仍然嵌入图像并通过“background-image”声明它们。所以在你的例子中（只有第一部分）：

            <td align=3D'center' valign=3D'top' width=3D'140'>
              <p>
                <a href=3D'http://localhost:3000/users/confirmation.747dfe1c-28ff-11e2-bd48-013adbe35a70?confirmation_token=3DLypvcYovemp1FBFbYsLX'><span style="height: 140px; width: 150px; display: inline-block; background-image: url('cid:509a98697b4ca_1cdf3fd38dc35adc517aa@hera.local.mail');"></span></a>
              </p>
              <!-- ... -->
            </td>

我希望它有所帮助：）