Question

我有一个与其他电子邮件客户端兼容的电子邮件模板，但Outlook将其显示为失真（内部div）。这里我指定了我的内部div 920px的宽度，但是在outlook中没有生效。我试过this solution但没有效果

这是我的html电子邮件模板

<html>
   <body>
      <div style="width:950;margin:0px auto;">
         <img style="width:100%;" src="cid:header">
         <div style="background-color: #f3f3f3;width: 920px;padding: 15px 15px 20px 15px;margin: 0px;font-family: arial,sans-serif;font-size: 12.8px;box-sizing: border-box;color:#000;white-space:pre-line;" >
             Dear xyz
             <br><br>
             My mail body 
             <!-- Body might contain table  -->
             <br><br>
             support<br>
         </div>
         <a href='https://example.com'><img style="width:100%;" src="cid:footer"></a>
      </div>
   </body>
</html>

我已提及previous question 和emailology但未找到div的解决方案。

请帮帮我。

Answer 1

您不应将标准的前端开发解决方案用于电子邮件。这很不幸，但使用基于表格的布局仍然是处理它的最佳方式。此外，作为一般经验法则，电子邮件宽度最大应在600-800px之间

Outlook中的HTML电子邮件被扭曲

1 个答案: