任何曾经设计过网页的人肯定遇到过浏览器兼容性问题。尽管标准已经存在，并且每个版本的浏览器都声称比前一个版本更兼容，但你肯定会遇到不止一个麻烦。当涉及到电子邮件布局时，事情会变得更加复杂，无论是用于通知还是营销活动。每个电子邮件客户端都有自己的规则，我们必须遵循并结合这些规则，以确保收到电子邮件的人都能正确看到它。如果不这样做，您就有可能面临营销活动的风险，而您的潜在客户甚至无法了解其中的主要思想。这就像在电视上播放带有失真音频的广告，让你更想换频道而不是去弄清楚他们在说什么。
我们在设计电子邮件时，尤其是当它是商业活动或我们想要强化我们的品牌时，目的是使其直观、有吸引力且简单，以便收件人愿意阅读它。一旦我们的设计明确了，我们就可以开始在我们喜欢的编辑器中从头开始编写代码，并在浏览器中进行测试，尽管我们在那里看到的结果可能与电子邮件客户端显示的结果无关。编写电子邮件代码时需要牢记以下几点提示：
-
-
-
使用表格
在构建设计时，不要使用 div 或浮动元素，这一点非常重要。始终使用表格进行布局。如果您可以将列大小定义为百分比，那就更好了。
-
注意文档的宽度
请注意，客户端中分配用于显示电子邮件的空间不是整个屏幕。因此，最好将设计的宽度限制为 550-600px。
-
编写内联 CSS
某些电子邮件客户端（例如 Gmail 或 Hotmail）不支持样式部分。这就是为什么您应该为页面上的每个元素内联所有文档样式。
-
某些 CSS 属性无法使用
最常见的是背景图像或边距。许多顾客都忽略了它们，所以最好不要使用它们。您可以在以下网站 http://www.campaignmonitor.com/css/ 查阅非常完整的兼容性列表。
-
使用外部路径来存放图片
请勿在电子邮件中附加图像。将它们上传到外部服务器并在 img 标签中使用绝对路径。
-
避免使用 Flash 和 JavaScript
许多顾客会忽略这些元素，因此请避开它们以避免意外。
-
-
牢记这些指导原则，您现在就可以开始构建电子邮件了，不过，了解有多种工具可以让您在这方面的工作变得更轻松总是好的：
-
-
-
避免从头开始的模板。
您可以在线找到一些模板，这样您就不必从头开始构建电子邮件代码。在 http://htmlemailboilerplate.com/ 您可以下载一个没有布局或内容的入门模板，可供您自己填写，但确保与不同的电子邮件客户端具有一定的兼容性。
-
做大量的测试。
与尽可能多的客户进行测试。如果您了解收件人的个人资料，最好从他们使用的资料开始。统计显示，使用最多的（超过 90%）是 iPhone、iPad 等客户端、Outlook、Hotmail、Apple Mail、Yahoo！邮件和 Gmail。在网站 https://litmus.com/email-testing上 ，他们为所有客户提供模板测试服务，包括垃圾邮件检查和电子邮件跟踪。
-
-