Skip to content

Instantly share code, notes, and snippets.

@koomai
Last active June 30, 2017 19:40
Show Gist options
  • Save koomai/6f0a8d1761c184cbb0a0 to your computer and use it in GitHub Desktop.
Save koomai/6f0a8d1761c184cbb0a0 to your computer and use it in GitHub Desktop.
Email Clients quirks

A list of stupid email client quirks as I discover them

TL;DR - Gmail sucks balls.

  • Outlook ignores display:block on inline elements, e.g. span. Use default block elements like div or p.
  • Outlook 2003/2007 doesn't support background-image. Use a fallback colour and make sure the text is still legible.
  • Gmail supports background-image but ignores background-position. Stupid Gmail.
  • Gmail's mobile app ignores media queries. Yes, a mobile app ignores media queries. Did I mention Gmail is stupid?
  • Gmail clips your email if it thinks it's too long. The file size limit is around 100kb but keep it under 80kb to be safe. Images don't count. Minify your HTML.
@koomai
Copy link
Author

koomai commented Jun 2, 2015

Apple Mail and iOS mail hyphenate words. Use -webkit-hyphens: none to fix.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment