@media in Gmail iOS
Partial @media is partly supported in Gmail iOS.
Not supported with non Google accounts.
Works in 5 of 21 · partial in 14 · not supported in 2
Which clients
- Works
- Apple Mail, Apple Mail iOS, HEY Mail, Fastmail, Superhuman
- Partial
- Gmail, Gmail Android, Gmail iOS, Outlook 365, Outlook (New), Outlook iOS, Outlook Android, Outlook for Mac, Yahoo Mail, Yahoo Mail Android, Yahoo Mail iOS, Samsung Mail, Proton Mail, AOL Mail
- Not supported
- Outlook Classic, Thunderbird
What to do instead in Gmail iOS
Design mobile-first for clients without media query support
<!-- Single-column layout that works without @media -->
<table role="presentation" width="100%"
style="max-width: 600px;" cellpadding="0"
cellspacing="0" border="0">
<tr>
<td style="padding: 16px;">Left Column</td>
</tr>
<tr>
<td style="padding: 16px;">Right Column</td>
</tr>
</table> Show the original
<table width="800">
<tr>
<td width="400">Left Column</td>
<td width="400">Right Column</td>
</tr>
</table>
<style>
@media (max-width: 600px) {
table { width: 100% !important; }
td { display: block !important; width: 100% !important; }
}
</style> A free account opens all 21 clients and keeps your checks for 7 days. Create a free account →
What Gmail iOS does with @media
caniemail record, tested upstream 13 Dec 2023
- Partial. Not supported with non Google accounts.
- Partial. Does not support height based media queries.
Your next question
- Does @media orientation work in Gmail iOS?
Works in 11 of 21 · partial in 1 · not supported in 8 · 1 untested
- Does @media device-pixel-ratio work in Gmail iOS?
Works in 10 of 21 · not supported in 10 · 1 untested
- Does @media hover work in Gmail iOS?
Works in 9 of 21 · not supported in 8 · 4 untested
- Does @media prefers-color-scheme work in Gmail iOS?
Works in 9 of 21 · not supported in 11 · 1 untested
- Does @media prefers-reduced-motion work in Gmail iOS?
Works in 9 of 21 · partial in 1 · not supported in 10 · 1 untested
- Does @supports work in Gmail iOS?
Works in 9 of 21 · not supported in 12
Questions
- How many email clients support @media?
- It works in 5 of 21, partial in 14, not supported in Outlook Classic and Thunderbird.
- What do I use instead of @media in Gmail iOS?
- Design mobile-first for clients without media query support.
- Does @media work in Gmail Android?
- @media is partly supported in Gmail Android. Closest to Gmail iOS: Gmail Android, which agrees on 273 of the 300 features both are tested on.
To see what else in your email Gmail iOS does not support, paste the whole email.
No signup · Five clients free, Outlook Classic included · All 21 with an account
The checker needs a computer screen.
caniemail (MIT) via @emailens/engine 0.18.22 · tested upstream 13 Dec 2023 · data last changed 10 Nov 2026 · Outlook (New) cells are the engine's mapping