@media in Outlook iOS
Partial @media is partly supported in Outlook iOS.
Does not support nested media queries.
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 Outlook 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 Outlook iOS does with @media
caniemail record, tested upstream 13 Dec 2023
- Partial. Does not support nested media queries.
Your next question
- Does @supports work in Outlook iOS?
Works in 9 of 21 · not supported in 12
- Does @keyframes work in Outlook iOS?
Works in 7 of 21 · partial in 1 · not supported in 13
- Does @font-face work in Outlook iOS?
Works in 6 of 21 · not supported in 15
advice - Does @import work in Outlook iOS?
Works in 4 of 21 · not supported in 17
- Does text-shadow work in Outlook iOS?
Works in 12 of 21 · not supported in 9
fix - Does animation work in Outlook iOS?
Works in 5 of 21 · partial in 1 · not supported in 15
fix
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 Outlook iOS?
- Design mobile-first for clients without media query support.
- Does @media work in Outlook Android?
- @media is partly supported in Outlook Android. Closest to Outlook iOS: Outlook Android, which agrees on 270 of the 296 features both are tested on.
To see what else in your email Outlook 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