Some time ago Yahoo Mail handled media queries in a strange way, which means it recognized all of them, even those which were targeted to other email clients (more info about the bug here). The solution was to use a special, tricky CSS media query which was only recognized by Yahoo Mail and fixed the issue.

Yahoo Mail is now responsive!

Yahoo Mail CSS media query support

It’s a small step for Yahoo but a giant leap for email designers! Since they fixed their media query parser engine, only those CSS parts count, which are designed for Yahoo. It has been an old debate if email clients should have their unique targeting options or need to comply with standards.

Yahoo’s choice was to favor email coders and designers instead of obeying coding principles, so they introduced their unique media query:

@media yahoo { .. }

Thanks to this recent update to their web client and mobile apps as well, responsive emails will work properly all over the Yahoo universe! There are still some limitations though, but at least min-width and max-width filters are supported.

We would like to say a big THANK YOU to Yahoo and direct our question to Google, Gmail…

*When will Gmail support media queries? *

Author
Roland Pokornyik

Roland Pokornyik

CEO / Co-founder @ Chamaileon.io & EDMdesigner.com

  • Content Images in Modern HTML Emails Content Images in Modern HTML Emails

    In the last few months I have been following the previous posts of the Modern HTML

    Read more
  • HTML Email Width - Overcoming the 600px Limitation HTML Email Width - Overcoming the 600px Limitation

    The de facto standard for HTML emails' width is 600 pixels. But why is that? We

    Read more
  • The Drop Calc Method to Create Responsive HTML Emails The Drop Calc Method to Create Responsive HTML Emails

    Originally I was going to write an article about the different techniques which you can create

    Read more