Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is calc() supported in html email?

caniuse.com shows calc() can be used today in all modern browsers except Opera. But how good is the support for calc() in email clients?

Please provide a link to blogs or guides which talk about this.

EDIT
I am referring to the CSS calc() function

like image 683
Anubhav Avatar asked Jan 08 '23 09:01

Anubhav


1 Answers

EDIT: For Css Calc(), I would say that maybe you could use it in Apple Mail or iOS native client, but even those are not likely. All others have almost no CSS3 support. See https://www.campaignmonitor.com/css/ for a pretty good list of available CSS and HTML tags in HTML email. Admittedly, this is not the Be-All list of what works in HTML emails, but as Calc() is not even listed, I would view this as a no.

EDIT2: Did a simple table html email to check results using Email On Acid and got surprising results.
https://www.emailonacid.com/app/acidtest/display/summary/hM0n3RkP89L9bfWOtXlTpQR238VwFFotgq4PkQpvBOpUf/shared

Basically looks like it works on:

Apple Mail

Outlook 2011 (apple version)

Thunderbird

Android 4 native client

iOS native

Aol (browser dependant)

Outlook.com (browser dependant)

(GMail will also accept it! - but must be inlined)

This is better then I thought, but considering, it still doesn't seem to be that elegant a solution as it fails completely in many of the popular email clients - including every webmail app (GMail app, Yahoo app, etc). It may be a viable solution depending on your audience, but in general, I would not recommend.

like image 187
Gortonington Avatar answered Jan 15 '23 11:01

Gortonington