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 忽略我对屏幕的媒体查询 size/width 以将对象从 2x2 正确转换为 1x4

此外，电子邮件中不会加载背景图片 - 仅在选择 "view in browser" 时才会加载

Answer 1

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

注意 "background" image/color 在 Gmail 或 Outlook 中不受很好的支持，具体取决于正文或头部的样式。