The folks over at EmailMonks discovered that Gmail has started to support the display:none property. Gmail has always supported display:none!important, but not display:none. I will update this article shortly of why this is a positive development for email designers but first…
Gmail iOS Font Fix Update
One of my most often used hacks is the dash hack or hack to prevent the Gmail iOS app from drastically increasing the font size for certain emails. The technique took advantage of the fact that Gmail doesn’t support display:none. With Gmail supporting display:none this technique no longer works.
Thankfully we can leverage the fact that Gmail doesn’t support classes and ids to arrive at an alternative fix.
Paste the following code in your email body (note no more display:none inline). Place it at the bottom of your email – you can place it at the top if your email is long as Gmail may not load the full email. Naturally make sure you’re not using the class gmailfix for something else :)
<div class="gmailfix" style="white-space:nowrap; font:15px courier; line-height:0;">
Then put this in the <head> of your email.
Technically display:none is sufficient, but some versions of Yahoo! is finicky so we add display:none!important for good measure.