动态调整HTML电子邮件的大小

Question

我正在编写HTML电子邮件，该电子邮件在浏览器中可以很好地运行。但是，我只是通过复制浏览器窗口中的内容并将其粘贴到计算机上的邮件应用程序中并以这种方式发送来进行发送。我并不想做很多事情，例如调整窗口大小并保持页面居中。

大公司如何发送HTML电子邮件？因为在我收到的许多电子邮件中，定位始终有效。

Answer 1

最初的HTML电子邮件依赖于表格，因此请确保您使用表格结构对电子邮件进行编码，而不要像普通网页那样对它进行编码。其次，确保所有CSS都是内联的。第三，您可以使用MailChimp，Marketo，Constant Contact，GetResponse等电子邮件自动化服务发送电子邮件。

如果您想向自己发送测试电子邮件，则可以免费使用PutsMail之类的服务。

您也可以尝试遵循this tutorial来帮助您创建响应式电子邮件模板。

Answer 2

规则1：类似于1999年的代码和使用表。

规则2：在所有表格上，设置“ width：100％; max-width：600px; margin：auto;”。您可以将max-width替换为所需的任何值。前两个属性将确保电子邮件适合移动设备的宽度。第二个属性将使其居中。

还有更多规则和规则例外，但是在响应式设计中，这些是一些很好的基础。