Is there a standard webpage resolution for mobile phones?

Question

Most designers use 1024x768 as a baseline for website development. That allows them to use css grid systems like 960 & blueprint to easily outline content. Is there similar baseline resolution for designing for mobile phones?

The majority of users will be using iphone, android, and blackberry phones.

Answer 1

if you are using apache ApacheMobileFilter can help to determine the actual device screen size

Answer 2

320 by 480 is the common screen resolution for new mobile devices.

iPhone Website Compatibility

Android Display Metrics

That being said if you want to support the majority of mobile devices, you may want to support multiple resolutions.

Answer 3

You can

1. get the screen sizes for the devices you plan to support,
2. Create say, 2-3 versions of your site and detect useragent string and direct user to one of these sites.

With android, iphone and blackerry devices there is not large difference in a screen sizes. With a litle foresight and design you may be able to have all these handset work on one mobile website (for example it would be fair to say that the width would be 240 pixels or greater and design accordingly)

However if you plan to go further than there these platforms there is a world of hurt awaiting you, (J2ME, BREW, Symbian, WinMo and 120x160, 176x220 screen sizes etc)