如何处理电子邮件的媒体查询/非内联样式。

Question

我刚完成构建/更新3封电子邮件。我将其中一封电子邮件中的html上传到MailChimp，以将测试电子邮件发送到我们的Gmail测试帐户。我应用的所有样式均未显示。我不是html专家，但是很显然，html文件中已经有很多媒体查询，由于某种原因，这些查询是可行的-我的却没有。当我在浏览器中打开html文件时，它们工作正常，但当我将其发送到电子邮件帐户时却无法正常工作。我知道我将不得不为颜色，填充，字体大小等内容编写内联样式，但是如何为媒体查询编写内联样式？

感谢我在遇到这个难题时的任何帮助...

Answer 1

使电子邮件具有响应能力并添加CSS非常耗时。我建议使用诸如电子邮件基金会https://foundation.zurb.com/emails.html或MJML电子邮件基金会https://mjml.io/之类的自适应电子邮件框架。这些框架允许您创建自己的CSS，然后将CSS作为嵌入式样式添加到您的电子邮件中。然后，您可以将HTML复制并粘贴到mailchimp并发送。这些框架中的每一个都有一个轻微的学习曲线，但是它们使构建和更新电子邮件模板变得更加容易。