在电子邮件客户端中渲染HTML模板

Question

我有HTML个模板，完全用div, a, img, button个元素编写，具有内联CSS样式。它可以在HTML编辑器中完美呈现，但不能在Email客户端中呈现。是否应该为table客户完全以Email的形式编写？这是我的代码：

Look it on JSFiddle

Answer 1

我相信您的特定问题取决于您定位的电子邮件客户端。如果您可以指定要使用的电子邮件客户端以及html的哪些部分不起作用，这将很有帮助，因为某些电子邮件客户端可能不支持代码的某些部分。

例如，根据here的定义， Outlook在呈现HTML时存在以下问题：

  

  

• Outlook无法“理解” HTML项目符号列表标记

  

• Outlook使用Times New Roman作为默认字体

  

• 如果Outlook超过1800px，Outlook可能会将分页符添加到电子邮件中

  

• Outlook清理段落和页边距

  

• Outlook不支持背景图片

  

您也许可以使用特定技术来解决问题，例如您提到的用表包装。我找到了一个链接here，如果您尝试解析Outlook上的呈现，可能会有所帮助。

如果您需要定位其他特定的电子邮件客户端，则堆栈溢出或网络上也应该有帖子来解决它们。

祝你好运！

Answer 2

您必须使用电子邮件HTML中的表格，然后使用CSS和格式对其进行屏蔽。这是您可以用于email HTML的便捷指南。