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 here: https://litmus.com/blog/gmail-to-support-responsive-email-design.
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|
|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|
|Kindle Fire native client||Yes|
Need more help?
Ask the world's largest community of email designers.Post a discussion in the Litmus Community