Question

我为一个广告系列写了一个邮件。在所有邮件客户端看起来都是设计，但是在外观上看起来很讨厌。我得到了一些由

标签包裹的元素，我没有把它放在课堂上.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>

Outlook Html邮件程序错误呈现

2 个答案: