Skip to main content
A
Anonymous
May 9, 2014
質問

Desktop & Mobile Compatible Emails

  • May 9, 2014
  • 3 の返信
  • 1022 ビュー
Does anyone have suggestions on how to make an email look good on both desktop and mobile? I just viewed an email test on my desktop and mobile device. The email looks great on the desktop, but the spacing/margins is all off on my mobile device. Do I need to create 2 separate emails? One compatible on desktop and one compatible on mobile? Any suggestions you have would be very helpful!!
このトピックへの返信は締め切られました。

3 の返信

Kenny_Elkington
Adobe Employee
Kenny_ElkingtonAdobe Employee
Adobe Employee
May 9, 2014
Hey Kelly,

What you want is called responsive design and there's a lot of literature around the web about it.  You should check out templates.marketo.com for some responsive templates which you can download and use for your own emails.
A
Anonymous
May 9, 2014
An easy way to control this is the limit the width of each email to 600 pixels, and only have a one column approach to the email template. Also keep the email text size to 14pt or higher.

I hope this helps.
A
Anonymous
May 9, 2014
Similar to Kenny's response, you can declare some media queries with max widths in your email css. This will cause your emails to adapt to the screen size (desktop v mobile) instead of you having to create two versions.
契約条件Accessibility statement

Loading footer...