Skip to main content
Emailens
Sign in

@media in Apple Mail

Works @media works in Apple Mail.

Works in 6 of 21 · partial in 13 · not supported in 2

Which clients
Works
Outlook for Mac, Apple Mail, Apple Mail iOS, HEY Mail, Fastmail, Superhuman
Partial
Gmail, Gmail Android, Gmail iOS, Outlook 365, Outlook (New), Outlook iOS, Outlook Android, Yahoo Mail, Yahoo Mail Android, Yahoo Mail iOS, Samsung Mail, Proton Mail, AOL Mail
Not supported
Outlook Classic, Thunderbird

The fix for the clients that need it

Needed in 15 of 21: Outlook Classic, Thunderbird, Gmail and 12 more.

Design mobile-first for clients without media query support

instead 
<!-- 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
before 
<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 →

Your next question

Every feature in Apple Mail · @media in every client

Questions

How many email clients support @media?
It works in 6 of 21, partial in 13, not supported in Outlook Classic and Thunderbird.
Does @media work in Apple Mail iOS?
@media works in Apple Mail iOS. Closest to Apple Mail: Apple Mail iOS, which agrees on 282 of the 296 features both are tested on.

To see what in your email Apple Mail does not support, paste the whole email.

The checker needs a computer screen.

caniemail (MIT) via @emailens/engine 0.16.1 · tested upstream 13 Dec 2023 · data last changed 17 Oct 2026 · Outlook (New) cells are the engine's mapping