CSS function · data last changed 10 Nov 2026
fit-content in email clients
Works in 11 of 21. Not supported in Outlook Classic, Yahoo Mail, Yahoo Mail Android and 3 more. Partial in Gmail iOS, Outlook iOS and Outlook Android. Untested in Superhuman.
Your reader in Outlook Classic sees the email without fit-content, even if it looks right where you tested it.
caniemail (MIT) via @emailens/engine 0.18.22
What to do instead in Outlook Classic
Use fit-content() only as progressive enhancement. Provide a fixed pixel width or a width attribute on table cells as the baseline so non-supporting clients still receive a sensible size.
There is no drop-in fix for fit-content in Outlook Classic. Design so the email still reads without it.
No signup · Five clients free, Outlook Classic included · All 21 with an account
The checker needs a computer screen.
A free account opens all 21 clients and keeps your checks for 7 days. Create a free account →
Every account includes one free real-device check in classic Outlook, Outlook for Mac and Apple Mail, after you verify your email and run one preview, while this month's free capacity lasts. How real-device checks work →
fit-content is not among the 24 features we have screenshotted on real installs. The ones we have →
All 21 clients, problems first
| Client | Support |
|---|---|
| Outlook Classic | Not supported |
| Yahoo Mail | Not supported |
| Yahoo Mail Android | Not supported |
| Yahoo Mail iOS | Not supported |
| Samsung Mail | Not supported |
| AOL Mail | Not supported |
| Gmail iOS | Partial See caveat 1 |
| Outlook iOS | Partial See caveat 2 |
| Outlook Android | Partial See caveat 2 |
| Superhuman | Untested |
Works in 11: Gmail, Gmail Android, Outlook 365 and 8 more. Show all
| Client | Support |
|---|---|
| Gmail | Works |
| Gmail Android | Works |
| Outlook 365 | Works |
| Outlook (New) | Works |
| Outlook for Mac | Works |
| Apple Mail | Works See caveat 3 |
| Apple Mail iOS | Works See caveat 3 |
| Thunderbird | Works |
| HEY Mail | Works |
| Proton Mail | Works See caveat 3 |
| Fastmail | Works |
Caveats (3)
- 1. Gmail iOS: Partial. Not supported with non Google accounts.
- 2. Outlook iOS, Outlook Android: Partial. Supports
min-contentandfit-contentonly. - 3. Apple Mail, Apple Mail iOS, Proton Mail: Buggy.
width: min-contentacts as ifword-break: break-allhad been set on the element.
Caveats as recorded by caniemail (MIT), one entry per wording.
How fit-content behaves
fit-content() returns a size that grows to its content but caps at a given maximum. It is used as both a sizing keyword and a function in modern CSS, and email support is limited, Apple Mail honors it, while Outlook and Gmail ignore it. For email, traditional table cell widths remain the most reliable sizing mechanism.
- Outlook Classic ignores fit-content() entirely.
- Apple Mail supports it in recent versions.
- Behavior on Gmail varies between Chromium versions.
Your next question
- Does linear-gradient work in Outlook Classic?
Works in 9 of 21 · partial in 2 · not supported in 10
advice - Does radial-gradient work in Outlook Classic?
Works in 10 of 21 · partial in 1 · not supported in 10
- Does calc work in Outlook Classic?
Works in 8 of 21 · partial in 2 · not supported in 10 · 1 untested
- Does clamp work in Outlook Classic?
Works in 6 of 21 · partial in 3 · not supported in 11 · 1 untested
- Does conic-gradient work in Outlook Classic?
Works in 6 of 21 · partial in 1 · not supported in 13 · 1 untested
- Does max work in Outlook Classic?
Works in 6 of 21 · partial in 3 · not supported in 11 · 1 untested
Every feature in Outlook Classic · All email CSS features · What real installs show
Paste your email
Get new email CSS fixes by email.