css - 移动 css 不适用于 html 电子邮件

Question

我正在创建我认为是简单的 html 电子邮件签名。设计并不复杂，但在 iPhone 邮件应用程序上却出现问题。

它应该是这样的:http://entecinc.com/email-signature/index-inline.html它适用于我测试过的桌面电子邮件客户端。

我试过 -webkit-text-size-adjust: none;内联应用于所有元素，但无论出于何种原因似乎不起作用。

我也尝试过 display:none !important;包含在图像周围的所有元素，包括图像，尽管它仍会显示在电子邮件中。

我应该以某种方式应用这些移动 CSS 规则而不是我正在做的吗？

不确定这是否相关，但我正在测试从 Outlook 发送到在 iPhone 4 上的苹果邮件中打开的 gmail 帐户。

Answer 1

您首先需要了解的是，Gmail 始终会从您的电子邮件中完全删除您的 CSS 样式。它只会理解精确的 INLINE 样式，即便如此，它在某些条件下也会出现一些问题。

例如:

1- 不允许使用黑色链接，您需要使用#000001，否则 Gmail 会将这些链接呈现为蓝色。

2- Gmail 将在任何图像周围添加空白，除非您指定它们显示为 block 元素。显示: block ；

3- 消息对话中的冗余文本将呈现为紫色，除非您再次指定文本的颜色为 #000001。

4- Gmail 将完全废弃您电子邮件的 Head 元素，因此您不能以这种方式指定样式。

5- 目前，Gmail 不能被视为“响应式”。根据我的测试，Outlook.com 和 Apple Mail 是唯一可以在电子邮件中优雅地显示移动样式的邮件客户端。