0

我为一个活动写了一个邮件。在所有邮件客户端上，它看起来像设计，但在 Outlook 上看起来很糟糕。我得到了一些元素包裹

我没有在 .MsoNormal 类中放置的标签，我想以一种不会在 Microsoft Outlook 中得到如此糟糕结果的方式重建邮件程序。

4

2 回答 2

0

把它放在你的标题样式部分：

p.MsoNormal {margin: 0px}

如上所述，在创建 html 电子邮件时使用 html 样板。这是我在所有电子邮件中使用的压缩版本。将其视为 html 电子邮件的规范化脚本。

<style type="text/css">
/* RESET */
  html {width: 100%;} body {width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0; -webkit-font-smoothing: antialiased; word-wrap:normal;}
  /* Hotmail */
  .ReadMsgBody, .ExternalClass {width:100%; display:block !important;} .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}
  h1, h2, h3, h4, h5, h6 {color: black !important;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: blue !important;}
  h1 a:active, h2 a:active,  h3 a:active, h4 a:active, h5 a:active, h6 a:active { color: red !important; } h1 a:visited, h2 a:visited,  h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: purple !important; }
  /* Outlook */
  table td {border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;} #outlook a {padding:0;} #backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;} p.MsoNormal {margin: 0px}
  /* Yahoo */
  p {margin: 1em 0;}
  /* Images */
  img {outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;} a img {border:none;} .image_fix {display:block;}
  /* Override phone number link styling */
  a[href^="tel"], a[href^="sms"] { text-decoration: none; color: black; pointer-events: none; cursor: default; }
/* /RESET */
</style>
于 2013-07-11T12:58:26.870 回答
0

使用 HTML 时，您总是会发现电子邮件客户端的呈现差异。如果您不发布代码或特定问题，则很难准确判断您的广告系列发生了什么。

我建议的是

如果您发布您遇到的特定代码问题，我们可能会为您提供帮助。

于 2013-07-11T05:58:00.947 回答