@media in Outlook 365
Partial @media is partly supported in Outlook 365.
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 365
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 365 does with @media
caniemail record, tested upstream 13 Dec 2023
- Partial. Does not support nested media queries.
- Partial. Nested media queries are removed.
Your next question
- Does @supports work in Outlook 365?
Works in 9 of 21 · not supported in 12
- Does @keyframes work in Outlook 365?
Works in 7 of 21 · partial in 1 · not supported in 13
- Does @font-face work in Outlook 365?
Works in 6 of 21 · not supported in 15
advice - Does @import work in Outlook 365?
Works in 4 of 21 · not supported in 17
- Does animation work in Outlook 365?
Works in 5 of 21 · partial in 1 · not supported in 15
fix - Does transform work in Outlook 365?
Works in 7 of 21 · partial in 1 · not supported in 13
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 365?
- Design mobile-first for clients without media query support.
- Does @media work in Outlook (New)?
- @media is partly supported in Outlook (New). Outlook 365 and Outlook (New) differ on 1 feature: text-shadow.
To see what else in your email Outlook 365 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