caniuse.com显示calc()
今天可以在除Opera之外的所有现代浏览器中使用。但是对电子邮件客户端calc()
的支持有多好?
请提供指向博客或指南的链接。
修改
我指的是CSS calc()
函数
答案 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来支持什么以及什么'不是!