html - 在电子邮件客户端中呈现 HTML 模板

标签 html templates rendering preview email-client

我有 HTML 模板完全用 div, a, img, button 元素和内联 CSS 样式编写。它在 HTML 编辑器中完美呈现,但在 Email 客户端中呈现不佳。对于Email客户端,是否应该完全写成table形式?这是我的代码:

Look it on JSFiddle

最佳答案

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

例如定义为here , Outlook 在呈现 HTML 时存在以下问题:

  • Outlook does not “understand” HTML bulleted list tags

  • Outlook uses Times New Roman as the default font

  • Outlook may add a page break to an email if it exceeds 1800px

  • Outlook cleans up paragraph and margin spacing

  • Outlook does not support background images

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

如果您需要针对另一个特定的电子邮件客户端,stack overflow 或网络上也应该有帖子来解决它们。

祝你好运!

关于html - 在电子邮件客户端中呈现 HTML 模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57907519/

相关文章:

templates - 在 Go 模板中随机选择内容

ruby-on-rails - Ruby 渲染特定变量

c++ - 开源 C/C++ 3d 渲染器(支持 3ds max 模型)

C++ 模板 : intiantiating a variable out of a particular integer (as type)

c++ - 从内部类型参数推导出外部类型

WPF:如何避免 ListBox 或 ListView 中选中的复选框闪烁?

javascript - 为什么这个 p 标签被添加为新行?

php - 在同一列上执行 LIKE 和 BETWEEN

javascript - Div 相互重叠 - HTML

html - Chrome 中表格标题的框阴影