Thursday, July 2, 2009

Mobile Email Rendering iPhone 3.0 update

Quick notes for designers. The iphone gives users a preview of the first 70 or so characters of text of the email.

When viewed vertically, the viewable area of the email is: 320 pixels wide x 372 pixels high

When viewed horizontally, the viewable area of the email is: 480 pixels wide x 236 pixels high

In both cases, users can zoom to the the width of a div or td within the content.

Interestingly, the h1, h2 & h3 tags seem to have been reduced in size while the p tags have not.

Floats seem to be the only thing that doesn't work properly.

Check out the whole collection on Flickr

No comments: