手风琴可以在响应式HTML电子邮件上使用吗

时间:2014-06-05 06:06:58

标签: javascript accordion html-email

我的客户想要一封响应式电子邮件,其中文本不会显示在最完整但是已经嵌入电子邮件正文中。当用户点击“点击更多”时,文本会展开,所有文字都会显示。这可能吗?

据我所知,在电子邮件客户端上无法使用伪类,并且在技术上构建具有内联编码的手风琴非常困难。有什么想法吗?

1 个答案:

答案 0 :(得分:2)

这是一个古老的,但马修是对的。您不能(而不应该)尝试使用手风琴使电子邮件工作,因为这些需要JS或高级CSS3。这两者在电子邮件客户端中都很少或根本没有支持,甚至是新的。

当我遇到类似的请求时,我能找到的最接近的是使用来自Responsive Email Patterns的CSS设计。它适用于某些客户端,但不适用于所有客户端。

此外,您可以使用“标签”代替使用手风琴。这虽然不是100%防弹,但更多客户支持。有关示例,请参阅here

(遵循Leon的建议)简单地说,除非你的目标是使用简单的CSS,否则你应该忘记响应性和复杂的交互,除了调整宽度等。

使用锚点从顶部链接到全文文本或使用外部链接要简单得多。响应式电子邮件被高估了,给人们期望的简单事物带来了太多的复杂性:阅读电子邮件。