Skip to main content

background-size in Apple Mail iOS

SupportedWebKit · mobile

Support Details

Not supported in many clients. Set image dimensions directly.

Before

<td style="background: url('bg.jpg') center/cover no-repeat;">
  Content
</td>

After

<!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true"
  stroke="false" style="width:600px; height:400px;">
  <v:fill type="frame" src="bg.jpg" />
  <v:textbox inset="0,0,0,0">
<![endif]-->
<td style="background: url('bg.jpg') center/cover no-repeat;
            background-color: #333;">
  Content
</td>
<!--[if gte mso 9]>
  </v:textbox>
</v:rect>
<![endif]-->

Outlook ignores background-size — use VML or sized images

background-size is fully supported in Apple Mail iOS. No workarounds needed.

Other Clients

ClientSupport
GmailSupported
Gmail AndroidPartial
Gmail iOSPartial
Outlook 365Supported
Outlook (New)Unsupported
Outlook ClassicUnsupported
Outlook iOSSupported
Outlook AndroidSupported
Apple MailSupported
Yahoo MailSupported
Samsung MailSupported
ThunderbirdSupported
HEY MailSupported
SuperhumanSupported

Related Features

Test your email across all 15 clients

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

Try Emailens Free