Mailchimp展望条件CSS未生效

问题描述 投票:0回答:2

通过Mailchimp编码的电子邮件模板,而我已完成了工作的每个基于HTML的电子邮件客户端。 Outlook的基于Microsoft Word中的电子邮件客户端遇到了一些麻烦。我已经按照Mailchimp's documentation但曾与代码实际发生没有运气。我们正在努力的目标所有Outlook邮件客户端和我目前正在测试上的Outlook 365,这也有问题。

下面是我们的代码的例子,它被放置在身体的末端。

<!--[if gte mso 9]>
<style type="text/css">
  .orange-block {margin: 0px !important;}
  .orange-block {width: 600px !important;}
  .orange-block {padding: 20px !important;}

  .orange-image {margin-left: 30px !important;}

  .templateImage {width: 600px !important;}
  .templateImage {margin: 0px !important;}
  .socialicon {height: 23px !important;}
  .socialicon {width: 23px !important;}
  .socialicon {margin: 10px !important;}
</style>
<![endif]-->

我真的试图保持它的简单和直接。但上面没有任何代码的发生。任何想法,为什么?

谢谢!

html css email outlook mailchimp
2个回答
2
投票

所以,我没有足够的代表处发表评论,但(否则我会问你在那里)的职位你的HTML的例子也是如此。所以,请这样做,如果有可能,所以我们可以有一个工作代码段。

我已经将您的CSS上述HTML的开始标记下面有一些成功与此有关。这是因为,虽然它是不可能告诉你为什么会CSS在一个特定的邮件客户端,没有看到它的目的是选择标记没有呈现很广泛的问题。

话虽这么说,我会建议你试试这个

<!--[if mso]>
<style type="text/css">
.class-name {
  color: red!important;
}
</style>
<![endif]-->

将其粘贴在开口<body>标签下方,并且改变的.class名在你的标记的值。

我花时间学习如何应付在Windows上的Outlook邮件客户端,并乐意帮助,如果你能提供你的HTML以及很大。

另外,9在上面的代码片段不会在365的工作:

从Mailchimp文档看到:https://templates.mailchimp.com/development/css/outlook-conditional-css/

展望版本号使用Microsoft Office的版本号,您可以针对特定的Outlook客户端。在上面的例子中,“MSO 9”是Office 2000中,这意味着你的目标Outlook 2000中的其他版本号您可以定位到其他客户端,这意味着你可以建立针对每个版本的Outlook样式表。

展望2000 - 第9版的Outlook 2002 - 10版的Outlook 2003 - 11版的Outlook 2007 - 12版的Outlook 2010 - 14版的Outlook 2013 - 15版


1
投票
<!--[if gte mso 9]>
<style type="text/css">
  .orange-block {margin: 0px !important;}
  .orange-block {width: 600px !important;}
  .orange-block {padding: 20px !important;}
  .orange-image {margin-left: 30px !important;}
  .templateImage {width: 600px !important;}
  .templateImage {margin: 0px !important;}
  .socialicon {height: 23px !important;}
  .socialicon {width: 23px !important;}
  .socialicon {margin: 10px !important;}
</style>
<![endif]-->

前景二零零七年至2019年忽略类图像的宽度,高度,边缘。直接应用值图像:

<img src="" width="600" height="23" class="templateImage" />

您可以使用类名来改变现代的电子邮件客户端的图像。

Outlook将忽略margin:。尝试Margin:代替。

展望2013-2019有padding参差不齐的支持。您可以直接申请填充到<td style="padding: 20px;">,但Outlook将忽略图像和其他实例填充。

祝好运。

© www.soinside.com 2019 - 2024. All rights reserved.