Skip to main content

Our email CSS engine is open source. Give it a star on GitHub 

Emailens
Sign in

@media in HEY Mail

Works @media works in HEY Mail.

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

The fix for the clients that need it

Needed in 16 of 21: Outlook Classic, Thunderbird, Gmail and 13 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 HEY Mail · @media in every client

Questions

How many email clients support @media?
It works in 5 of 21, partial in 14, not supported in Outlook Classic and Thunderbird.
Does @media work in Fastmail?
@media works in Fastmail. Closest to HEY Mail: Fastmail, which agrees on 173 of the 235 features both are tested on.

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

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