是否在html电子邮件中支持calc()?

时间:2015-10-10 13:42:59

标签: html css html-email calc

caniuse.com显示calc()今天可以在除Opera之外的所有现代浏览器中使用。但是对电子邮件客户端calc()的支持有多好?

请提供指向博客或指南的链接。

修改
我指的是CSS calc()函数

3 个答案:

答案 0 :(得分:4)

编辑:对于Css Calc(),我想说也许你可以在Apple Mail或iOS原生客户端中使用它,但即便是那些也不太可能。所有其他人几乎没有CSS3支持。有关HTML电子邮件中可用的CSS和HTML标记的相当好的列表,请参阅https://www.campaignmonitor.com/css/。不可否认,这不是HTML电子邮件中可用的Be-All列表,但由于Calc()甚至没有列出,我将其视为否。

EDIT2 :使用Email On Acid制作一个简单的表格html电子邮件来检查结果,结果令人惊讶。
https://www.emailonacid.com/app/acidtest/display/summary/hM0n3RkP89L9bfWOtXlTpQR238VwFFotgq4PkQpvBOpUf/shared

基本上看起来像是在工作:

Apple Mail

Outlook 2011(苹果版)

雷鸟

Android 4原生客户端

iOS原生

Aol(取决于浏览器)

Outlook.com(取决于浏览器)

(GMail也接受它! - 但必须内联)

这比我想的要好,但考虑到它仍然似乎不是那么优雅的解决方案,因为它在许多流行的电子邮件客户端中完全失败 - 包括每个网络邮件应用程序(GMail应用程序,Yahoo应用程序,等等)。根据您的受众,这可能是一个可行的解决方案,但总的来说,我不建议。

答案 1 :(得分:2)

桌面Outlook for Windows具有非常好的HTML电子邮件支持,其CSS合规性水平很差,并且陷入〜2001年代的CSS 2.1支持。我不相信它支持任何CSS3功能(选择器或属性)。这是因为它使用了Word的布局引擎。所以calc支持绝对不存在 - 不幸的是desktop Outlook happens to be the most popular desktop e-mail client

出于这个原因,我不建议HTML电子邮件包含任何高级功能,并且只应该是带有指向实际实时网页链接的导入,其中包含您要向用户显示的功能和功能。

答案 2 :(得分:2)

我认为现有的答案和评论在某种程度上回答了OP的问题。在Medium上有一篇很棒的博客文章,它非常简洁地概述了对calc()在不同邮件引擎上的支持。相关摘录:

  

适用于Apple Mail(iOS和OS X),Thunderbird,Outlook(iOS和Android应用),Gmail(网络邮件,iOS和Android应用),AOL(网络邮件)和旧版Outlook.com(仍然存在)在欧洲)。

     

Outlook.com有一个小怪癖。 webmail将使用包含任何括号的calc()过滤每个属性。

     旧的电子邮件客户端(如Lotus Notes)或最新的Outlook for Windows(使用Word的HTML呈现引擎)不支持

calc()。它也不适用于Outlook Web App(Office 365和新的Outlook.com)和Yahoo(Webmail,iOS和Android应用程序)。

此外,将来它可能对你或任何可怜的灵魂来说都是好兆头,这些灵魂的任务是分娩邮件模板这个可怕的任务,引用CampaignMonitor来支持什么以及什么'不是!