维护电子通讯中的 HTML 内容定位

【问题标题】：Maintaining HTML Content Positioning in ENewsletters维护电子通讯中的 HTML 内容定位
【发布时间】：2009-06-26 21:12:19
【问题描述】：

如何让 html 内容保持相对位置和格式从一个浏览器/电子邮件到另一个？在开发电子通讯时，格式在一个电子邮件服务器中的显示与在另一个服务器中的不同（在测试我的两封电子邮件时）。

示例：当我在 gmail 中打开电子邮件时，图像周围的填充是我想要的位置，但在我的工作 Outlook 中打开它时，填充几乎不存在。

示例：字体在 Outlook 中根据样式表显示，但在 gmail 中会更改。

如何确保样式表和定位以保持外观不变？

【问题讨论】：

【解决方案1】：

电子邮件客户端在呈现 HTML 方面是出了名的糟糕（尤其是 Outlook 和 Lotus Notes）。您通常会使用内联 CSS 样式编写残缺的 HTML。这在near future 中不会变得更好。

让您的设计尽可能简单，这样您就可以更轻松地使其在许多客户上看起来都合适。编写 HTML 的实际最佳实践主要取决于您计划支持的客户端。

一些有助于深入了解 HTML 电子邮件呈现问题的常见解决方案的有用文章：

有一些简单的网络服务可以在多个客户端上检查您的时事通讯，并为您提供结果的屏幕截图。它们通常物有所值：

【讨论】：