Skip to main content
CSS Functions

max

CSS function · 5 supported, 3 partial, 6 unsupported across 15 clients

The max() CSS function returns the largest of a set of values and is used to enforce a minimum. Like min() and calc(), it is a modern function with limited email support — Outlook on Windows ignores it, while Apple Mail and modern Gmail honor it.

Client Support

ClientCategoryEngineSupport
GmailwebmailGmail WebSupported
Gmail AndroidmobileGmail MobilePartial
Gmail iOSmobileGmail MobilePartial
Outlook 365webmailOutlook WebUnsupported
Outlook (New)desktopOutlook WebUnsupported
Outlook ClassicdesktopMicrosoft WordUnsupported
Outlook iOSmobileOutlook MobileUnsupported
Outlook AndroidmobileOutlook MobileUnsupported
Apple MaildesktopWebKitSupported
Apple Mail iOSmobileWebKitSupported
Yahoo MailwebmailYahooUnsupported
Samsung MailmobileSamsungPartial
ThunderbirddesktopGeckoSupported
HEY MailwebmailWebKitSupported
SuperhumandesktopBlinkUnknown

Client-by-client behaviour for max

Fully supports max (5): Gmail, Apple Mail, Apple Mail iOS, Thunderbird, HEY Mail.

Partial support (3): Gmail Android, Gmail iOS, Samsung Mail. Expect rendering quirks unique to each engine — partial support typically means a subset of values, an ignored shorthand, or sanitizer-specific rewrites.

No support (6): Outlook 365, Outlook (New), Outlook Classic, Outlook iOS, Outlook Android, Yahoo Mail. Plan fallbacks for these clients before relying on max in production sends.

Behaviour unverified in: Superhuman.

When to use max in email

  • Enforcing a minimum padding regardless of fluid container size.
  • Ensuring a minimum font-size in fluid typography systems.
  • Forcing a minimum width on responsive button elements to keep them tappable on small screens.

Rendering behaviour and edge cases

  • Outlook on Windows ignores max() and falls back to the previous declaration.
  • Apple Mail supports max() across recent macOS and iOS releases.
  • max() expressions with mixed units behave inconsistently — prefer same-unit comparisons.

Recommended fallback strategy

Always supply a literal fallback before max() so Outlook receives a sensible default. Use max() as progressive enhancement layered on top of conservative pixel values.

Fixes & Workarounds

Outlook 365

Unsupported

"max" is not supported in this email client.

Outlook (New)

Unsupported

"max" is not supported in this email client.

Outlook Classic

Unsupported

"max" is not supported in this email client.

Outlook iOS

Unsupported

"max" is not supported in this email client.

Outlook Android

Unsupported

"max" is not supported in this email client.

Yahoo Mail

Unsupported

"max" is not supported in this email client.

Gmail Android

Partial

"max" is not supported in this email client.

Gmail iOS

Partial

"max" is not supported in this email client.

Samsung Mail

Partial

"max" is not supported in this email client.

Related Features

Test your email across all 15 clients

Preview rendering, catch CSS issues, and get actionable fixes — free.

Try Emailens Free

Support data last updated Apr 27, 2026 · synced from caniemail.com via @emailens/engine.