html电子邮件未在浏览器中显示答案

【问题标题】：html email not showing as in browserhtml电子邮件未在浏览器中显示
【发布时间】：2014-12-11 12:32:44
【问题描述】：

我正在尝试创建一个 html 电子邮件，它在浏览器中显示良好（也使用 base64 图像）但在 Outlook 中，它改变了布局，因为它完全省略了某些文本块并且图像显示为灰色？然后在 gmail 中显示为基本的无样式 html？

浏览器：

展望：

Gmail：

关于如何解决此问题的任何想法？

【问题讨论】：

这里是 jsfiddle：http://jsfiddle.net/vsdg6212/
电子邮件客户端中的 CSS 支持非常多样化，因此最好使用内联样式。这个问题回答了您为什么看不到图像：stackoverflow.com/questions/16242489/…

【解决方案1】：

您需要将所有内容放在一个表格中，并且应该使用嵌入式 css。如果您使用的是外部 CSS，这可能不适用于 Outlook 或其他一些电子邮件客户端

【讨论】：

【解决方案2】：

大多数电子邮件客户端会过滤掉/删除某些 css 标签。如果您想生成大多数电子邮件客户端都支持的 html 电子邮件，请查看此网格，其中显示了哪些浏览器支持哪些 css 标签（以实现跨客户端兼容性）：

【讨论】：