@media in Outlook for Mac
Partial @media is partly supported in Outlook for Mac.
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 for Mac
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 for Mac 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 for Mac?
Works in 9 of 21 · not supported in 12
- Does @keyframes work in Outlook for Mac?
Works in 7 of 21 · partial in 1 · not supported in 13
- Does @font-face work in Outlook for Mac?
Works in 6 of 21 · not supported in 15
advice - Does @import work in Outlook for Mac?
Works in 4 of 21 · not supported in 17
- Does border-spacing work in Outlook for Mac?
Works in 17 of 21 · not supported in 2 · 2 untested
fix - Does text-shadow work in Outlook for Mac?
Works in 12 of 21 · not supported in 9
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 for Mac?
- Design mobile-first for clients without media query support.
- Does @media work in Outlook (New)?
- @media is partly supported in Outlook (New). Closest to Outlook for Mac: Outlook (New), which agrees on 279 of the 299 features both are tested on.
To see what else in your email Outlook for Mac 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