动态调整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。前两个属性将确保电子邮件符合移动设备的宽度。第二个属性将使其保持中心。

规则有很多规则和例外，但在响应式设计方面，这些是一些很好的基础知识。