As more mobile devices are introduced into the marketplace, the number of screen sizes we need to consider when designing email is exploding. This superabundance of screen sizes directly impacts the design and planning process—affecting how you determine breakpoints in media queries, lay out your design ...
and use responsive design techniques.
To make matters more confusing, each mobile device will likely run one of four popular operating systems, each with its own ecosystem of downloadable applications for reading email. These applications offer differing support for HTML and CSS—meaning that emails opened on the same device might display differently from program to program and app to app.
While we can’t cover every conceivable option, the graphic below begins to communicate the wide variety of mobile screen screen sizes out there, and shows how a standard 600px-wide email without responsive elements will display on several popular devices and the default mail applications in each of their operating systems. You can also see a hands-on review (and video!) of how BlackBerry’s new Z10 smartphone displays email in a separate post.
Never miss a thing with our weekly newsletter. We'll send you the latest and greatest infographics, news and all things Visually.
Go ahead, you can always opt out anytime with just one click.
Copy the code below
Newsletters are boring. So we made ours visual. Subscribe now.
Tell your story visually before December 31st and get a free iPad Air!*
The holidays are a great time to tell your brand story. From Black Friday trends and Mobile Shopping guides to the Best and Worst Times to Book Travel and Thanksgiving etiquette, the Visually team will help you craft your brand's unique stories and raise your social profile during the noisy holiday season.