html - Mailchimp 忽略媒体查询

Question

我有一个 mailchimp 模板，正文中有一个自定义代码块。这是 Mailchimp 的预览:

http://us1.campaign-archive1.com/?u=522bc47724938968956373305&id=52fae71f15&e=

我在 jsbin.com 中构建了这段代码，它看起来像这样:

http://jsbin.com/niquxa/edit?html,css,output

为什么 Mailchimp 忽略我对屏幕尺寸/宽度的媒体查询以将对象从 2x2 正确转换为 1x4

此外，背景图像不会在电子邮件中加载 - 仅当选择“在浏览器中查看”时才加载

Answer 1

虽然听起来很傻，但对某些样式添加 !important 有助于解决问题。 Mailchimp 仍然建议使用自定义模板而不是覆盖。

注意“背景”图像/颜色在 Gmail 或 Outlook 中不受很好的支持，具体取决于 body 或头部的样式。