@media in Proton Mail
Partial @media is partly supported in Proton Mail.
Does not support landscape media query.
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 Proton Mail
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 Proton Mail does with @media
caniemail record, tested upstream 13 Dec 2023
- Partial. Does not support landscape media query.
Your next question
- Does @media orientation work in Proton Mail?
Works in 11 of 21 · partial in 1 · not supported in 8 · 1 untested
- Does @media device-pixel-ratio work in Proton Mail?
Works in 10 of 21 · not supported in 10 · 1 untested
- Does @media prefers-color-scheme work in Proton Mail?
Works in 9 of 21 · not supported in 11 · 1 untested
- Does @supports work in Proton Mail?
Works in 9 of 21 · not supported in 12
- Does @keyframes work in Proton Mail?
Works in 7 of 21 · partial in 1 · not supported in 13
- Does @font-face work in Proton Mail?
Works in 6 of 21 · not supported in 15
advice
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 Proton Mail?
- Design mobile-first for clients without media query support.
- Does @media work in Apple Mail?
- @media works in Apple Mail. Closest to Proton Mail: Apple Mail, which agrees on 203 of the 300 features both are tested on.
To see what else in your email Proton Mail 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