CODEWITHSUNDEEP
blackberrymedia-querieshtml-email
Wesley Jeftha
Wesley Jeftha

Reputation: 153

Media Queries for HTML Mailers

I have designed a responsive html mailer using media queries.

The media queries work very nicely for Iphone - but, they done seem to be working on Blackberry?

The media query I have used is:

@media screen and (max-width: 551px)

Has anyone successfully designed a responsive HTML mailer that renders properly on blackberry?

looking forward to the responses.

Upvotes: 0

Views: 782

Answers (3)

Shikma Ravi
Shikma Ravi

Reputation: 11

The first thing you should do when optimizing a site to support BlackBerry devices is download and install the official BlackBerry Device Simulator and BlackBerry Email and MDS Services Simulator Package.

Upvotes: 0

samanthasquared
samanthasquared

Reputation: 1937

I recently found that Blackberry will accept media queries but only at the desktop size.

I used the following code, but only to keep the font from breaking the desktop layout on a Blackberry -

@media (max-width: 800px) {* td { -webkit-text-size-adjust:none !important; }}

There is a potential issue with BBOS6 displaying text too small.

See: Force the correct font-size in Blackberry for rendering in an HTML email?

Upvotes: 1

SpaceBeers
SpaceBeers

Reputation: 13957

Blackberrys don't support them. Sorry.

http://www.emailonacid.com/blog/details/C13/media_queries_in_html_emails

Upvotes: 2

Related Questions