Gyula Németh, Co-founder & CTO @ EDMdesigner.com was inspired by Rémi Parmentier’s Fab Four technique to create responsive emails without media queries. This inspiration led to the ‘DROP CALC’ method:
(Thank you both for sharing this wonderful information!)
“The Basic Idea
So what happens if we put width: calc(50%) in an inline style?
Well, if the email client supports it, then the calculated value will be applied. If it does not support it, then something else will be applied, for example, the width=”100%” attribute. (This very scenario happens with those email clients which strip out the style tag from the HTML.) It means that we can support old Android & Gmail clients, but it’s still not enough.
Another scenario is that the style tag is supported, but the calc function is not. In this case, the width: calc(50%); in the inline style will also be dropped, so the with from the class will be applied.
This is why I call it The Drop Calc Method.
The basic rule in HTML & CSS is, that an attribute on a tag is weaker than…” CONTINUE READING