Does CSS fit-content, min-content, max-content Work in HTML Email?
Sets the height or width relative to its content.
Does fit-content, min-content, max-content work in HTML email?
The CSS fit-content, min-content, max-content property is supported in Gmail, Outlook (Mac / Web), Apple Mail, Thunderbird, and others. It is NOT supported in Outlook (Windows), Yahoo! Mail. Always include a safe fallback for unsupported clients.
Which Email Clients Support CSS fit-content, min-content, max-content?
CSS support for fit-content, min-content, max-content across email clients
| Email Client | Desktop | Mobile / Web | Notes |
|---|---|---|---|
| Gmail | ✓ Yes | ✓ Yes | — |
| Outlook (Windows) | ✗ No | ? | — |
| Outlook (Mac / Web) | ✓ Yes | ~ Partial | — |
| Apple Mail | ✓ Yes | ✓ Yes | — |
| Yahoo! Mail | ✗ No | ✗ No | — |
| Samsung Email | ? | ✗ No | — |
| Thunderbird | ✓ Yes | ? | — |
| ProtonMail | ✓ Yes | ✓ Yes | — |
| Fastmail | ✓ Yes | ? | — |
Notes
- #1 Partial. Supports `min-content` and `fit-content` only.
- #2 Buggy. `width: min-content` acts as if `word-break: break-all` had been set on the element.
- #3 Partial. Not supported with non Google accounts.
Frequently Asked Questions
Related CSS Properties
Test Your Email Now
Paste your HTML and see how it renders in clients that don't support fit-content, min-content, max-content.
Building a new email instead of checking an existing one? MailViewr's Email Builder only lets you use CSS that's known to render across clients, so fit-content, min-content, max-content can't sneak into your markup by accident. Open the Email Builder →