Email clients that support media queries
NOTE: We are working on updating this article to reflect recent changes in what email clients support media queries, most notably Gmail. You can read more about the Gmail changes in our blog post.
If you've built a responsive email design using media queries, but your Litmus screenshot is showing the desktop version of the email, it could be that the particular client/device you're viewing doesn't support media queries.
The chart below outlines support for media queries across a range of mobile email clients and applications.
When troubleshooting responsive designs and media queries, also keep in mind that the media query will be triggered by the viewport size of the device. Viewport sizes can vary drastically based on the physical screen size of the phone, the screen's resolution and the pixel density or device-pixel-ratio of the device.
| Media Query Support | |
|---|---|
| iOS (iPhone/iPad) | Yes |
| Android 4.x native client | Yes |
| Android Outlook Exchange via native client | No |
| Android Outlook.com app | No |
| Android Gmail app | No |
| Android Yahoo! Mail app | No |
| Android Samsung Mail app | Yes |
| Gmail (Android Browser) | No |
| Outlook.com (Android Browser) | No |
| Yahoo! Mail (Android Browser) | No |
| Windows Phone 7 | No |
| Windows Phone 7.5 | Yes |
| Windows Phone 8 | No |
| BlackBerry OS 6 | Yes |
| BlackBerry OS 7 | Yes |
| BlackBerry Z10 | Yes |
| Kindle Fire native client | Yes |
This information is partially sourced from Campaign Monitor and Style Campaign. Information is supplemented and verified by first-hand testing when possible.