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

时间:2018-10-15 01:09:00

标签: html css email styles media-queries

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

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

1 个答案:

答案 0 :(得分:0)

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