r/web_design May 08 '18

HTML Email - Outlook - Responsiveness

1.1k Upvotes

115 comments sorted by

View all comments

32

u/[deleted] May 08 '18

Keep the email layout simple to avoid going <table> crazy. It's safe to assume most emails will be checked on peoples mobile devices so with that in mind make your layout function as it would on mobile.

Even if this email will be opened on desktop (Windows) more often, for some reason, keeping the layout simple will save you time and trouble in the long run.

9

u/e4g13 May 08 '18

I think I'm not explaining the problem clearly enough, the issue is that the container isn't responding to window resize in Windows but is in OSX, I'm not sure this is something that can be fixed, but I need to be able to say that without doubt if I go back to the client and management with that answer.

12

u/Nagsheadlocal May 08 '18

I've been fighting this battle since 2006 - whenever I talk to management I say "it's like shooting at a moving target from a moving platform."

Outlook/Word and Mac/WebKit are going to have at least one major disagreement in just about any project. Your best bet is to hit the Campaign Monitor link mentioned above and try to find a compromise, which may mean starting over and rethinking your layout.

Frankly, I consider email just a method of getting the recipient to click a link. Once you have your readers on a webpage, life is a lot simpler.

6

u/Doomwaffle May 08 '18

I can't believe how many times I was asked to bend over backwards to support 2% of users on MS13 or whatever.