为什么Gmail会阻止电子邮件中的CSS?

Mem*_*eak 53 css gmail html-email

我在电子邮件中使用了CSS并将其发送出去.

当我在Gmail中收到电子邮件时,所有CSS都被禁用; 但是,当我在thunderbird或outlook中检索电子邮件时,一切正常.

我该如何解决这个问题?

o.k*_*k.w 70

Gmail不会完全阻止CSS.它仍然支持内联样式.为什么它不支持样式块,我不知道.为了更好地了解各种网络邮件和电子邮件客户端中的CSS支持,这里是一个很好的概述.http://www.campaignmonitor.com/css/

  • Gmail <b>不</ b>.我刚试过它.它似乎也不认识div标签. (8认同)
  • Gmail**支持样式标记.请确保将`<style> </ style>`代码放在`<head>`部分中. (7认同)
  • 从技术上讲,它确实"支持"样式标签,但它剥离了所有类和ID样式.它可以读取一些基本风格,但就是这样.就像我说我打鲨鱼一样,因为我打了一个鲨鱼毛绒. (2认同)
  • 电子邮件客户端应该从 html 电子邮件正文中删除远程 css、javascript 等,并且永远不要加载它。这是一种安全措施,可用于缓解 Ropemaker 风格的攻击向量。 (2认同)

bob*_*nce 23

样式表是许多HTML功能之一,通常被Webmail提供程序阻止.

HTML邮件是一个受到伤害的世界,它不会变得更好 - 事实上,你可以预期它会变得更糟.在某些邮件程序或网络邮件服务中,几乎不支持HTML的所有功能.任何现代的东西都是死路一条.当然还有纯文本客户端.

除非你有无尽的空闲时间来烧毁代码并测试每一邮件,否则忘记HTML邮件.只需发送带有指向正常网页链接的文本邮件,您就可以确保所有内容都按预期工作.

  • 像http://www.campaignmonitor.com/这样的服务可以很好地完成"uglying your code"的肮脏工作,从经验来讲. (2认同)

小智 23

我回答太晚了,但这可能对这里有人有所帮助.为了能够在Gmail和其他电子邮件客户端中查看您的邮件,您需要为html中的每个标记设置内联样式,但为每个html标记编写内联css非常耗时,以节省您的时间使用内置工具

http://templates.mailchimp.com/resources/inline-css/
Run Code Online (Sandbox Code Playgroud)

只需粘贴整个电子邮件模板,您就会在每个标记中获得带有内联css的html文档.那很容易:)

注意:您可以在课堂上拥有您的课程和ID.


Ner*_*ury 18

如果您可以将样式嵌入到电子邮件中的类和ID中,那么这些样式可能会意外地与gmail用于显示应用程序的样式发生冲突,或者是出于恶意目的的故意.内嵌样式是标记的本地样式,因此仅保留gmail样式.

Google必须保护为用户创建的用户体验.

  • 所有/大多数其他webmail提供商都允许样式阻止.没有看到他们自己的UI被恶意的CSS"黑客攻击". (17认同)
  • 他们只需要在iframe中显示邮件,以避免出现这种问题.这就是苹果对iCloud所做的事情. (7认同)

小智 6

另一个很好的信息来源是MailChimp电子邮件模板参考.我发现开发部分特别有用,因为它包含有关CSS GMail支持的内容以及如何利用它的信息.