-2

我希望在 HTML 电子邮件中添加超链接，但只能通过 CSS3 在移动设备上添加。是否有任何 CSS3 属性可以做到这一点？

4

2 回答 2

2

这是不可能通过 CSS 实现的。

你有几个选择：

  • 像<span class="mobile"><a href="the link">The link</a></span><span class="desktop">No link</span>加上一个@media查询来显示/隐藏不同设备尺寸上的两个跨度。
  • 通过@media查询在桌面上设置链接样式，使其看起来像普通文本（即color: #000; cursor: default; text-decoration: none;）
于 2013-10-21T15:11:08.593 回答
1

ceejayoz 非常接近。你只需要稍微扭转一下你的想法。

如果您只是将超链接放在移动/较小的屏幕上，则可以使用内联 css@media和<head>. （注意。我建议通过电子邮件服务提供商发送电子邮件，以确保您的@media查询保持不变。）

这是我会采取的方法。

CSS

@media only screen and (max-width: 480px){
    a[class="link"] {
        font-size: 12px !important;
        color: #000001 !important;
        text-decoration: underline !important;
    }
}

HTML

<a class="link" href="http://yourlink.com" style="font-size: 1px; color: #ffffff; text-decoration: none;">yourlink.com</a>

我还应该提到并非所有移动电子邮件客户端都能@media正确识别查询。例如，在开发响应式 HTML 电子邮件时，Android 上的 Gmail 就不能很好地工作。

于 2013-10-22T03:47:06.110 回答