2013-03-17 57 views
-1

我已经阅读了很多关于此的帖子,他们都说gmail不支持样式标签,所以我必须使用内联样式来解决问题。问题是,我查看了我在gmail上收到的大多数电子邮件的源代码,其中大多数使用的是css样式标签,与其他人说的相反。带有CSS的PHP电子邮件无法在gmail上工作

所以问题是,为什么我通过php邮件发送的css电子邮件在Gmail上没有正确显示。它确实表明,雅虎和Hotmail OK虽然

+0

这是很模糊......什么是工作,什么是不? – 2013-03-17 23:29:01

回答

1

它有点难以提供了详尽的解答不提供具体细节,所以我会做一些一般性的评论一个问题...

跨网络浏览器与为不同的电子邮件客户端设计HTML电子邮件相比,设计是小菜一碟。电子邮件客户端远远多于网络浏览器,而且它们支持HTML和CSS呈现方式的差异更大。本身没有“标准”。

你需要保持一切简单并发挥最低的公共元素。这不仅仅是style标签的实施问题,不同的客户可能会也可能不会支持不同的风格。您需要尝试尽可能多的客户端运行什么,哪些不运行。与他们的风格标签CSS

+0

我不能透露更多,因为这是与工作有关的。所以我制作了一个带有css内容的html文件,这是一个基本的CSS文件,里面包含head标签中的样式标签,当我在任何Web浏览器和Thunderbird中查看时,它看起来非常棒。但在gmail上查看时,它看起来很可怕。该电子邮件包含大约150行的css代码,因此如果我们想在将来更改它,一切都会变得很糟糕。另一方面,诸如youtube,dell等将喜欢的电子邮件发送到gmail的东西会在style标签中获取它们的css上下文。如果您在Gmail中点击“显示原始”选项,您甚至可以看到它。 – 2013-03-20 23:43:05

+0

它并不是说CSS的上下文足以在浏览器中“解析”它,它只是我没有看到一个答案,为什么大多数电子邮件都会从Youtube中删除他们的样式标签,除非他们支付谷歌作为例外 – 2013-03-20 23:45:40

+0

Youtube和戴尔比我的平均编程猴子拥有更多的资源。你的观察是否有内联样式以及'style'标签?如果是这样,他们的邮件自动化服务可能会自动“内联”样式。 @John在他的博客文章中提到了这种服务。 – 2013-03-21 01:24:00

1

很多人的设计,然后使用工具:

为大家介绍一些阅读,如果你还没有阅读这些在发送之前将其内联,使其与Gmail兼容。根据工具,它可能不会删除原来的CSS,有效地加倍。另一个原因可能是这些css声明是针对非Gmail客户端的。一个常见的例子是媒体查询,它们不能以内联方式工作,导致它们与Gmail不兼容。

下面是相关blog post我写的还包括一些链接到一些流行的CSS内联工具

相关问题