I'm working on an HTML e-mail and have run into an issue ( go figure ). As it turns out, Yahoo! Mail inexplicably gives precedence to the @media stylesheet, using the CSS styles defined within, over any inline styles in the HTML email. The issue, and a work around, are discussed here : http://www.campaignmonitor.com/blog/post/3457/media-query-issues-in-yahoo-mail-mobile-email/ . After testing, I've found some issues with this work around... It appears that the Blackberry OS 6 e-mail client doesn't recognize or read the attribute selector format used in the Yahoo fix. The result is, having to choose between your e-mail rendering properly in Yahoo, or rendering nicely on a Blackberry. Has anyone come across this issue? If so, have you found a way to achieve the best of both worlds? ( Have it work properly on Yahoo! mail, and blackberry ). Any suggestions are appreciated.
Asked
Active
Viewed 895 times
2
-
Do you know how many clients are on BB6 vs Yahoo mobile? If you have 0.00001% of users with Yahoo Mobile, vs 10% on BB6, then just make it work for the latter. – Dan Blows May 20 '12 at 11:15
1 Answers
1
have you tried using styles by specifying id ? eg. div[id='blackberry'] { /* media query in here */ }
Media queries with ids need to be specified to make it compatible with Yahoo mail.
Teena Thomas
- 5,139
- 1
- 13
- 17