时间戳

首页 > 解决方案 > 响应式 HTML 电子邮件模板

html - 响应式 HTML 电子邮件模板

问题描述

我是一名软件开发人员（主要是前端），所以我习惯于以响应式方式编写代码。

现在我偶然发现了一个创建电子邮件模板的任务，并做了一些研究。我发现您在实现软件开发中非常基本的事情方面的方法非常有限。

有开发电子邮件模板经验的人能否回答以下问题：

标签： htmlcssemailtemplates

解决方案

  1. 是否可以以响应式方式开发电子邮件（即使用 Bootstrap Grid 列、布局断点等）？

是的，您可以像网页一样在 HTML 标记中使用 bootstarp 类。

<button type="button" class="btn btn-success">Success</button>
  1. 我可以像在普通应用程序中一样使用 CSS 标签吗？（意思是，不仅内联，而且还有单独的样式标签）？

是的，您可以使用样式标签进行样式设置，但不确定外部 CSS。

<style type="text/css">
    body {
        width: 100%;
        background-color: #ffffff;
    }
</style>
  1. 对于字体和间距：我可以使用 em 或 rem 代替像素吗？我想介绍不使用默认字体布局的屏幕。

在我看来，使用 px 是编写 HTML 电子邮件的最佳方式。您还可以阅读更多关于在电子邮件模板中，字体大小应该是 pt 还是 px？

  1. 电子邮件模板的引导程序

这是开发自定义和响应式电子邮件模板的最佳方式。它支持许多电子邮件客户端，如 Yahoo、Gmail、AOL 邮件、Outlook、Apple 邮件等......使用的文章和许多在线示例。

推荐阅读