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 | YES |
| Android Gmail app | NO |
| Android Yahoo! Mail app | NO |
| 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 |