Mailchimp忽略媒体查询

时间:2015-09-02 20:10:45

标签: html css responsive-design media-queries mailchimp

我有一个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

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

1 个答案:

答案 0 :(得分:0)

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

注意 Gmail或Outlook中不支持“背景”图像/颜色,具体取决于正文或头部的样式。