@media in Outlook Classic
UnsupportedMicrosoft Word · desktop
Fix & Workaround
Design emails mobile-first with a single-column layout that works without media queries.
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>After
<!-- 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>Design mobile-first for clients without media query support
Other Clients
| Client | Support |
|---|---|
| Gmail | Unsupported |
| Gmail Android | Unsupported |
| Gmail iOS | Unsupported |
| Outlook 365 | Supported |
| Outlook (New) | Unsupported |
| Outlook iOS | Supported |
| Outlook Android | Supported |
| Apple Mail | Supported |
| Apple Mail iOS | Supported |
| Yahoo Mail | Unsupported |
| Samsung Mail | Supported |
| Thunderbird | Unsupported |
| HEY Mail | Supported |
| Superhuman | Supported |
Related Features
Test your email across all 15 clients
Preview rendering, catch CSS issues, and get actionable fixes — free.
Try Emailens Free