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

Question

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

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

Answer 1

这是相当古老的说法，但马修是对的。您不能（而不是不应该）尝试使用手风琴使电子邮件正常工作，因为它们需要 JS 或高级 CSS3。这两种方法在电子邮件客户端（甚至是新客户端）中都很少或根本不支持。

当我有类似的请求时，我能找到的最接近的是使用响应式电子邮件模式中的 CSS 设计，它适用于某些客户端，但不适用于所有客户端。

另外，您可以使用“选项卡”代替手风琴。这虽然不是100%万无一失，但得到了更多客户的支持。请参阅此处的示例。

（遵循 Leon 的建议）简单地说，除非你的目标是使用简单的 CSS，否则你真的应该忘记响应能力和复杂的交互，而不是调整宽度等。

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