Outlook Html邮件呈现错误

Question

我为一个活动写了一封邮件。在所有的邮件客户端上，它看起来都是设计，但在outlook上，它显得很糟糕。我得到了一些用

标记包装的元素，但我没有把它们放在类中。MsoNormal，我想重建邮件程序，这样我就不会在Microsoft outlook中得到这么糟糕的结果。

Answer 1

使用HTML时，您总是会在电子邮件客户端上发现呈现差异。如果你不发布代码或具体问题，很难准确地说出你的竞选活动发生了什么。

我的建议是

• 使用http://htmlemailboilerplate.com
• 查看活动监控电子邮件css指南http://www.campaignmonitor.com/css/
• 试着让事情变得更简单

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

Answer 2

将其放入标题样式部分：

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>