我正在发送 HTML 电子邮件，但我的电子邮件在不同的电子邮件客户端（例如Yahoo、Hotmail和Gmail ）上看起来不同。我使用<style>标签来使用移动设备的媒体查询，然后使用该样式表的 Yahoo 和 Hotmail。
问问题
3273 次
5 回答
2
电子邮件客户端都以不同的方式处理 CSS - 它们支持不同的属性，有时明确不允许某些属性。这比 Web 浏览器的样式要难得多。
以下是一些用于创建电子邮件设计的资源：
不同电子邮件客户端中的 CSS 支持表（来自@donald123 的回答）
HTML 电子邮件模板生成器（来自@cassi.lup 的回答）
Mailchimps 电子邮件模板（来自@cassi.lup 的回答）
于 2012-09-05T08:09:18.747 回答
1
请记住，html 电子邮件的 CSS 必须简单，并非所有客户都了解所有 CSS 样式 :-(
例如，在 html 电子邮件中使用表格进行布局是一个很好的 id ...
尝试在 google 中搜索为您的 html 电子邮件编写脚本的最佳方式。您可以在此处找到有关主要客户对 CSS 样式的理解的简短概述
于 2012-09-05T08:09:46.670 回答
1
您有 2 个选项：
- 从格式正确的模板开始，然后从那里开始您的设计。在这个问题上一个非常有用的资源是这个服务。但请记住，您在 CSS 技巧方面非常有限。
- 从图像构建您的 html 格式的电子邮件。然后，您肯定会在所有浏览器上保持一致，因为您使用的设计元素将被类似地解释。
另一个有用的资源： http: //mailchimp.com/resources/html-email-templates/
于 2012-09-05T08:21:17.223 回答
0
您可以从此站点更好地了解电子邮件样式
于 2012-09-05T08:12:52.303 回答
0
个人我总是创建一个没有文档类型的 html 字段。然后只是打开和关闭 html、head 和 body 的标签。然后只使用表格并且只使用内联样式表。另外不要忘记删除表格边框、单元格填充和边距，因为根据我的经验，它们会很痛苦。
要填满空间，请使用表格单元格，不要使用填充或边距，因为某些电子邮件客户端会忽略这些。
最重要的是！不要使用背景。尽量不要使用太多图像。将它们用于页眉、页脚或例如产品图像。
希望它对语法有帮助和抱歉；）
于 2012-09-05T08:29:42.580 回答