css3 - HTML email: @media queries that work on mobile and Outlook -
i'm coding html email viewed both in outlook , in mobile devices. i'd use tables outlook (i need multi-column set up), , single column divs mobile devices (or < 400px).
i'm trying @media queries, , know outlook's css support extremely shoddy, i'm wondering if knows hack can make outlook "ignore" @media query < 400px, , apply styles >400px part. tried this:
@media (max-width: 480px) { .mobile-email { background-color:green; } } @media (min-width:500px) { .mobile-email { background-color:red;} }
the trouble seems outlook ignores both. there way can make sort of thing work in outlook?
thanks in advance!
in honesty i'd steer clear. html emails horrile horrible business. adding media queries mix asking trouble.
blackberrys don't support media queries start...
http://www.emailonacid.com/blog/details/c13/media_queries_in_html_emails
outlook barely standard css since switched it's rendering engine ms word's.
check out site email standards support more information. still use inline styles , tables in html emails it's still consistent way of getting results (which in 2013 pretty terrible)
Comments
Post a Comment