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 不太支持“背景”图像/颜色，具体取决于正文或头部的样式。