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?
P
Desktop Outlook for Windows has abyssmal HTML email support, its level of CSS compliance is poor and stuck in ~2001-era CSS 2.1 support. I don't believe it supports any CSS3 features (selectors nor properties). This is because it uses Word's layout engine. So calc
support is definitely not there - and unfortunately desktop Outlook happens to be the most popular desktop e-mail client.
For this reason, I don't recommend HTML emails contain any advanced features and should only be a lead-in with a link to an actual live webpage that contains the features and functionality you want to show users.