Skip to main content

box-sizing in Gmail iOS

SupportedGmail Mobile · mobile

Support Details

Account for padding in your width calculations (use padding on a nested element).

Before

<div style="width: 300px; padding: 20px;
            box-sizing: border-box;">
  Content — total width stays 300px
</div>

After

<!-- Set width to content-width (300 - 40 = 260px) -->
<div style="width: 300px;">
  <div style="padding: 20px;">
    Content — padding on inner element
  </div>
</div>

Account for padding in width manually (no box-sizing)

box-sizing is fully supported in Gmail iOS. No workarounds needed.

Other Clients

ClientSupport
GmailSupported
Gmail AndroidSupported
Outlook 365Supported
Outlook (New)Unsupported
Outlook ClassicUnsupported
Outlook iOSSupported
Outlook AndroidSupported
Outlook for MacSupported
Apple MailSupported
Apple Mail iOSSupported
Yahoo MailUnsupported
Yahoo Mail AndroidUnsupported
Yahoo Mail iOSUnsupported
Samsung MailSupported
ThunderbirdSupported
HEY MailSupported
Proton MailSupported
AOL MailUnsupported
FastmailSupported
SuperhumanSupported

Related Features

Test your email across all 21 clients

Preview rendering, catch CSS issues, and get actionable fixes. Free.

Try Emailens Free